VueJS :用户搜索时过滤对象数组

<div id="app">
  <input type="text" v-model="keyword" placeholder="搜索关键字">
  <ul>
    <li v-for="item in filteredItems">{{ item.name }}</li>
  </ul>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    keyword: '',
    items: [
      { name: 'Apple' },
      { name: 'Banana' },
      { name: 'Orange' }
    ]
  },
  computed: {
    filteredItems: function() {
      var keyword = this.keyword.toLowerCase();
      return this.items.filter(function(item) {
        return item.name.toLowerCase().indexOf(keyword) !== -1;
      });
    }
  }
});
</script>