一、计算属性computed(一个数据受多个数据影响)
1.支持缓存,只有依赖数据发生改变,才会重新进行计算
2.不支持异步,当computed内有异步操作时无效,无法监听数据的变化
3.如果computed属性值是函数,默认走get方法;函数的返回值就是属性的属性值;在computed中的,属性都有一个get和一个set方法,当数据变化时,调用set方法。
二、侦听属性watch:(一个数据影响多个数据)
1.不支持缓存,数据变,直接回触发相应的操作;
2.watch支持异步;
3.监听的函数接收两个参数,第一个参数是最新的值;第二个参数是输入之前的值;
4.当一个属性发生变化时,需要执行对应的操作;
5.immediate:组件加载立即触发回调函数执行,
deep: 深度监听,为了发现对象内部值的变化,复杂类型的数据时使用,例如数组中的对象内容的改变,注意监听数组的变动不需要这么做。
监听对象可以写成字符串的形式:
当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。这是和computed最大的区别!
Vue中的watch与computed
最新推荐文章于 2024-07-28 19:41:36 发布