如何使用Vue.js在ajax重复列表上应用过滤器？

var app = new Vue({
  el: '#app',
  data: {
    items: [], // ajax获取的列表数据
    filterKeyword: '' // 过滤关键字
  },
  methods: {
    fetchData: function() {
      // 使用ajax获取列表数据
      // 将数据赋值给items
    }
  },
  computed: {
    filteredItems: function() {
      // 根据过滤关键字筛选列表数据
      var keyword = this.filterKeyword.toLowerCase();
      return this.items.filter(function(item) {
        return item.name.toLowerCase().indexOf(keyword) !== -1;
      });
    }
  }
});

<div id="app">
  <input type="text" v-model="filterKeyword" placeholder="输入关键字进行过滤">
  <ul>
    <li v-for="item in filteredItems">{{ item.name }}</li>
  </ul>
</div>