vue里的getdata过滤数据

在 Vue 中，通常可以使用计算属性来过滤数据。计算属性是依赖于数据的属性，当数据发生变化时，计算属性会自动更新。以下是一个例子：

假设我们有一个数组 `items`，我们想要根据用户输入的关键字 `search` 来过滤数据。我们可以定义一个计算属性：

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

在上面的代码中，我们定义了一个名为 `filteredItems` 的计算属性，它返回根据 `search` 过滤后的数据。我们使用 `filter` 方法来过滤数据，这个方法会返回一个新数组，包含符合条件的元素。

我们可以在模板中使用这个计算属性来显示过滤后的数据：

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

在上面的代码中，我们使用 `v-model` 指令来双向绑定用户输入的关键字 `search`，然后使用 `v-for` 指令来循环遍历 `filteredItems` 数组，并显示每个元素的名字。

这样，当用户输入关键字时，计算属性会自动更新，过滤后的数据会自动更新，从而实现了数据过滤的效果。