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
})
},

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

uniapp基于computed的查询页操作最先出现在Python成神之路。