Vue学习（六）计算属性和侦听属性的区别以及应用场景

区别

• watch：监测的是属性值， 只要属性值发生变化，其都会触发执行回调函数来执行一系列操作；

• computed：监测的是依赖值，依赖值不变的情况下其会直接读取缓存进行复用，变化的情况下才会重新计算；

除此之外，有点很重要的区别是：计算属性不能执行异步任务，计算属性必须同步执行。也就是说计算属性不能向服务器请求或者执行异步任务。如果遇到异步任务，就交给侦听属性。Watch也可以检测computed属性。

参考

详解Vue计算属性和侦听属性