uniapp基于computed的查询页操作

在平时我们做通讯录搜索的时候，一般操作是进入页面时请求后端接口，显示所有人信息，在查询时再通过keyword查询后台接口，显示查询后的名单。这里两次后台交互。

再uniapp中或者vue中，有更简便的方式，就是使用indexOf以及filter过滤所有名单中的查询数据，直接显示。

如在计算属性computed中，操作

/搜索结果列表
	searchList(){
		if(this.keyword === ''){
			return []
		}
		return this.list.filter(item=>{
			return item.username.indexOf(this.keyword) != -1
		})
	},

遍历搜索列表即可，大大提高用户搜索速度与体验，减少后台交互次数，对提升性能有帮助。