vue中实现模糊搜索

vue中实现模糊搜索， 代码如下：

首先在框架中写一个input输入框

<template>
	<div>
		//v-model实现双向绑定
		<input type="text" placeholder="商品名称" v-model="keyword"/>
	</div>
</template>

在data中定义input双向绑定的变量名:

data() {
    return {
      keyword: "", //搜索的关键字
    };
  },

compurted计算属性：

computed（）{
	search() {
     	 // 搜索
     	 return this.listDate.filter((item) =>
     	  item.goods_name.indexOf(this.keyword) !== -1);
    }
}