vue中computed与watch的区别

112 阅读1分钟

1、computed擅长处理的场景:一个数据受多个数据影响;watch擅长处理的场景:一个数据影响多个数据。

2、computed是计算属性,watch是监听一个值的变化,然后执行对应的回调。

3、computed支持缓存,只有依赖数据发生改变,才会重新进行计算;而watch不支持缓存,数据变,直接会触发相应的操作。

4、computed中的函数必须要用return返回,watch中的函数不是必须要用return。

5、computed不支持异步 ,当computed内有异步操作时无效,无法监听数据的变化;而watch支持异步。

6、computed默认第一次加载的时候就开始监听;watch默认第一次加载不做监听,如果需要第一次加载做监听,添加immediate属性,设置为true(immediate:true)