当前位置: 首页 > Web前端 > vue.js

vue复习之路--(一)computed和watch分别实现模糊搜索功能

时间:2023-03-31 14:15:48 vue.js

vue复习之路--(1)computed和watch分别实现模糊搜索功能搜索功能可以简单对比一下。在此之前,先简单说一下数据代理。模糊搜索功能分为两步:1.收集用户输入信息2.过滤列表。手表实现姓名模糊搜索功能。从上面的例子我们可以看出,watch监听原有的属性关键字,监听用户的每一次输入行为,每一次输入都会触发computed的更新,实现名称模糊搜索,computed直接定义了一个新的属性filterNameList,并监听是否属性变化,变化触发更新总结:1.vue中的watch其实是一个数据代理的应用。通过watch函数读取和修改数据中的属性。2、computed可以实现的功能,watch可以实现,computed有缓存作用,两者都可以实现,建议优先使用computed。watch通常用于监控数据中已有的属性,computed通常用于定义新的属性。4.有异步操作只能用watch不能computed。