vue查询功能

Vue.js 是一个流行的 JavaScript 框架，用于构建交互式 Web 应用程序。Vue.js 可以轻松地与任何后端技术一起使用，并且提供了许多有用的功能，包括查询。

在 Vue.js 中，查询通常是通过过滤列表来完成的。以下是一个基本的查询示例：

<div id="app">
  <input type="text" v-model="search" placeholder="Search">
  <ul>
    <li v-for="item in filteredItems">{{ item }}</li>
  </ul>
</div>

new Vue({
  el: '#app',
  data: {
    items: ['apple', 'banana', 'cherry', 'date', 'elderberry'],
    search: ''
  },
  computed: {
    filteredItems: function () {
      var self = this;
      return this.items.filter(function (item) {
        return item.toLowerCase().indexOf(self.search.toLowerCase()) !== -1;
      });
    }
  }
});

在上面的示例中，我们首先定义了一个输入框和一个无序列表，其中输入框用于搜索。然后，我们使用 v-for 指令将列表项绑定到 items 数组中的每个元素。我们还定义了一个名为 filteredItems 的计算属性，该属性基于搜索框中输入的文本来过滤 items 数组，并返回匹配的项。

在计算属性中，我们使用 filter() 方法过滤 items 数组，并在每个项上调用 toLowerCase() 方法，以便我们可以比较不区分大小写的字符串。最后，我们使用 indexOf() 方法检查每个项是否包含输入的搜索文本。

这是一个非常基本的查询示例，但您可以根据您的需求进行自定义和扩展。