vue中如何将包含每个关键字的数据过滤出来

在Vue中，可以使用计算属性（computed）来实现对数据的过滤操作。具体步骤如下：

1. 在Vue实例中定义一个data属性，用来存储要过滤的数据，例如：`data: { items: [...] }`。

2. 在Vue实例中定义一个关键字的data属性，用来存储用户输入的关键字，例如：`data: { keyword: '' }`。

3. 在Vue实例中定义一个计算属性computed，用来根据关键字过滤数据，例如：

computed: {
  filteredItems: function() {
    var keyword = this.keyword.toLowerCase();
    return this.items.filter(function(item) {
      return item.toLowerCase().indexOf(keyword) !== -1;
    });
  }
}

4. 在Vue模板中使用computed属性的值来渲染过滤后的数据，例如：

<input v-model="keyword">
<ul>
  <li v-for="item in filteredItems">{{ item }}</li>
</ul>

上述代码中，`v-model="keyword"`用来将用户输入的关键字绑定到data属性中的keyword属性上，`v-for="item in filteredItems"`用来循环渲染过滤后的数据。

需要注意的是，上述代码中的过滤方式是简单的字符串匹配，对于复杂的过滤需求，需要使用正则表达式或其他方法进行处理。