你能给我一段vue2的查询代码吗

### 回答1：
当然，下面是一段简单的 Vue.js 2.x 代码，它可以查询一个组件中的数据：

<template>
  <div>
    <input type="text" v-model="query">
    <ul>
      <li v-for="item in filteredList" :key="item.id">
        {{ item.name }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      query: '',
      list: [
        { id: 1, name: 'John' },
        { id: 2, name: 'Jane' },
        { id: 3, name: 'Jim' }
      ]
    }
  },
  computed: {
    filteredList() {
      return this.list.filter(item => {
        return item.name.toLowerCase().includes(this.query.toLowerCase());
      });
    }
  }
};
</script>

上面的代码使用了 Vue.js 的 `v-model` 指令和 `v-for` 指令，可以实现对一个文本输入框的数据进行实时筛选，并将筛选结果呈现在一个列表中。

### 回答2：
当然可以给您提供一段Vue2的查询代码。

假设我们有一个包含用户信息的数组，我们想要通过输入框实现对用户信息的筛选和显示。以下是一个简单的代码示例：

在HTML中，我们可以使用Vue的数据绑定和指令来实现输入框的绑定和筛选结果的展示：

<div id="app">
  <input type="text" v-model="searchText" placeholder="请输入姓名">
  <ul>
    <li v-for="user in filteredUsers">{{ user.name }}</li>
  </ul>
</div>

在Vue实例中，我们需要定义一个计算属性来筛选用户信息，根据输入框中的搜索内容，动态展示符合条件的用户：

new Vue({
  el: '#app',
  data: {
    searchText: '',
    users: [
      { name: '张三' },
      { name: '李四' },
      { name: '王五' },
      { name: '赵六' }
    ]
  },
  computed: {
    filteredUsers: function() {
      return this.users.filter(user => {
        return user.name.includes(this.searchText);
      });
    }
  }
});

这段代码中，我们定义了一个计算属性`filteredUsers`，通过调用数组的`filter`方法对用户信息进行筛选，只返回包含输入框中搜索内容的用户姓名。

当您在输入框中输入内容后，对应的用户信息将会被筛选出来，并在页面中动态展示出来。

希望以上代码可以满足您的需求，如果有任何疑问，请随时提问。

### 回答3：
当然可以！下面是一个简单的 Vue 2 查询代码示例：

<template>
  <div>
    <input type="text" v-model="searchQuery" placeholder="输入查询条件">
    <ul>
      <li v-for="item in filteredItems" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchQuery: '',
      items: [
        { id: 1, name: '苹果' },
        { id: 2, name: '香蕉' },
        { id: 3, name: '橙子' },
        { id: 4, name: '西瓜' },
      ]
    }
  },
  computed: {
    filteredItems() {
      return this.items.filter(item =>
        item.name.toLowerCase().includes(this.searchQuery.toLowerCase())
      );
    }
  }
}
</script>

这段代码首先定义了一个绑定到 `searchQuery` 的输入框，用于输入查询条件。接下来，使用 `v-for` 指令遍历 `filteredItems` 数组来渲染匹配的结果。`filteredItems` 是一个计算属性，通过使用 `filter` 方法筛选出包含查询条件的项目，并在结果列表中显示。

此代码简单演示了如何使用 Vue 2 来进行数据查询，并且根据输入框的值动态过滤显示的结果。你可以根据实际需求修改数据和样式，使其适用于你的项目。希望对你有所帮助！