vue中watch和computed是罕用的两个办法,上面别离聊聊在什么场景下适宜用哪个,最初别离用他们实现含糊搜寻性能能够简略做个比照
在此之前先简略聊聊数据代理
含糊搜寻性能拆分为两步:
1.收集用户输出信息
2.对列表进行过滤
watch实现姓名含糊搜寻性能
从下面例子能够看出watch监测原有属性keyword,并且对用户每次的输出行为进行监测,每次输出都触发更新
computed实现姓名含糊搜寻
computed间接定义新属性filterNameList,并且监测该属性是否扭转,如果扭转就触发更新
小结:
1.vue中watch其实是数据代理的一种利用,通过watch函数对data外面的属性进行读取和批改
2.computed能实现的性能,watch都能实现,computed有缓存成果,两者都能够实现的性能举荐优先应用computed
3.watch通常用于监测data中曾经存在的属性,computed通常定义新的属性
4.有异步操作只能用watch不能用computed