watch 与 computed 的区别以及他们的使用场景

差别

• 功能上：computed是计算属性，watch是监听一个值的变化，然后执行对应的回调。
• 是否调用缓存：computed中的函数所依赖的属性没有发生变化，那么调用当前的函数的时候会从缓存中读取，而watch在每次监听的值发生变化的时候都会执行回调。
• 是否调用return：computed中的函数必须要用return返回，watch中的函数不是必须要用return。
• computed默认第一次加载的时候就开始监听；watch默认第一次加载不做监听，如果需要第一次加载做监听，添加immediate属性，设置为true（immediate:true）watch有两个参数
  immediate：组件加载立即触发回调函数执行，
  deep: 深度监听，为了发现对象内部值的变化，复杂类型的数据时使用，例如数组中的对象内容的改变

使用场景

computed----当一个属性受多个属性(响应式依赖)影响的时候，使用computed-----购物车商品结算。价格和个数
watch–当一条数据影响多条数据的时候，一个数据影响多个数据,需要在数据变化时执行异步操作或者开销较大的操作时使用。使用watch-----搜索框.

如果一个值依赖多个属性（多对一），用computed肯定是更加方便的。 如果一个值变化后会引起一系列操作，或者一个值变化会引起一系列值的变化（一对多），用watch更加方便一些。 watch 支持异步代码而computed 不支持