vue input 实现搜索功能

可以像下面这样实现：

1. 在 Vue 组件中，定义一个 data 属性，用来存储搜索框中输入的关键词。

data() {
  return {
    keyword: ''
  }
}

2. 在搜索框 input 中加入 v-model 指令，实现双向绑定。

<input type="text" v-model="keyword" placeholder="请输入搜索关键词">

3. 在搜索按钮中加入 @click 事件监听器，通过调用过滤函数实现搜索功能。

<button @click="search">搜索</button>

methods: {
  search() {
    // 过滤数据，根据 keyword 进行搜索
    // ...
  }
}

4. 在数据过滤函数中，使用 Array.prototype.filter() 方法实现数据过滤功能。

computed: {
  filteredData() {
    return this.data.filter(item => item.name.includes(this.keyword))
  }
}

通过以上步骤，就可以实现一个简单的 Vue input 搜索功能了。