Vue中Watch的详解转载

Watch概述

一个对象&＃xff0c;键是需要观察的表达式&＃xff0c;值是对应回调函数。值也可以是方法名&＃xff0c;或者包含选项的对象。Vue 实例将会在实例化时调用 $watch()&＃xff0c;遍历 watch 对象的每一个属性。
简单的监听

immediate&＃xff08;立即处理 进入页面就触发&＃xff09;

deep&＃xff08;深度监听&＃xff09;

对象和数组都是引用类型&＃xff0c;引用类型变量存的是地址&＃xff0c;地址没有变&＃xff0c;所以不会触发watch。这时我们需要进行深度监听&＃xff0c;就需要加上一个属性 deep&＃xff0c;值为 true

总结&＃xff1a;Watch和computed的区别

Watch

watch用于观察和监听页面上的vue实例&＃xff0c;当你需要在数据变化响应时&＃xff0c;执行异步操作&＃xff0c;或高性能消耗的操作&＃xff0c;那么watch为最佳选择

computed

可以关联多个实时计算的对象&＃xff0c;当这些对象中的其中一个改变时都会触发这个属性
    具有缓存能力&＃xff0c;所以只有当数据再次改变时才会重新渲染&＃xff0c;否则就会直接拿取缓存中的数据。

转载链接&＃xff1a;
https://blog.csdn.net/fu983531588/article/details/89454446