vue的watch监听属性和computed计算属性

1.computed计算属性

computed属性不用在data中定义且不能与data和methods中重名；
computed会有缓存；
computed不支持异步
如果computed属性属性值是函数，那么默认会走get方法；函数的返回值就是属性的属性值；在computed中的，属性都有一个get和一个set方法，当数据变化时，调用set方法。
计算属性是依赖于其他属性，可能受多个属性的影响，也可能是单独一个属性的影响，通常表现为多对一或一对一

2.watch监听属性

watch监听的是必须是data中声明过或者父组件传递过来的props中的数据
不支持缓存，数据改变直接触发，支持异步；
监听的函数接收两个参数，第一个参数是最新的值；第二个参数是输入之前的值；
当数据变化时，触发其他操作，函数有两个参数，
　　immediate：组件加载立即触发回调函数执行，
　　deep: 深度监听，为了发现对象内部值的变化，复杂类型的数据时使用，例如数组中的对象内容的改变，注意监听数组的变动不需要这么做。deep无法监听到数组的变动和对象的新增

3. 什么时候用computed 什么时候用watch 比较合适？

当多个属性影响一个属性的时候，建议用computed
当一个值发生变化之后，会引起一系列的操作，这种情况就适合用watch