filterItemsが読み込まれておらず、どうしても解決できません。よろしくお願いします。

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
vue.jsでslackでapiを叩いてチャンネルを選択してメッセージの詳細を表示するアプリを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

チャンネル変更の機能を実装中にエラーが発生しました

エラーメッセージ

vue.js:597 [Vue warn]: Property or method "filterItems" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

(found in <Root>)

該当のソースコード

vue
1var app= new Vue({
2    el:'#app',
3    data:{
4      items:null,
5      keyword:'',//string型 文字列
6      message:'',
7      aaa:[],
8      pulldowns:''
9    },
10
11
12
13    methods:{
14      getItems:function(){
15        var token='xoxp-762165440097-755809321058-770440694567-e609d93c72b8a3e7251dfab375baea8d'
16        var channel='CN7PT9NKU'
17        var params={ page:1, per_page: 20, query: this.keyword, channel:this.pulldowns}
18        axios.get( 'https://slack.com/api/channels.history?token=xoxp-762165440097-755809321058-769720679010-cea77965c9ffd3b807127fbc1c9975ef&pretty=1',{params})
19        .then(response => {this.items = response.data.messages})
20        //.then(response => {console.log(response)})
21      },
22      filterItems:function () {
23        this.getItems();
24        let filtered = [];
25        for (let i in this.items) { //this.itemsの中のiを0一つずつ取り出す
26            let item = this.items[i];
27            if (item.text.indexOf(this.keyword) !== -1) {//keywordに何も入ってなくなかったらitemをfilterにプッシュする
28                filtered.push(item);
29            }
30         }
31        this.aaa = filtered;
32
33      }
34    }
35
36
37  });
38
39```vue.js
40
41### 試したこと
42
43{}の位置確認等
44
45### 補足情報（FW/ツールのバージョンなど）
46
47ここにより詳細な情報を記載してください。