Vue中的watch以及watch和computed的区别
计算属性computed
1、如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed，就算data中没有声明出要计算的变量，也可以直接在computed中写入。
2、不支持异步事件，当computed内有异步操作时无效。无法监听数据的变化（如宏任务，setTimeout等）
3、支持缓存，只有依赖数据发生变化，才会重新进行计算（这就意味着只要依赖的属性没有发生变化，多次访问computed的计算属性会立即返回之前的计算结果，而不必再次执行函数）
侦听属性watch(一个值变化会引起一系列值的变化或某个数据变化时做一些事情)
1、如果要在数据变化的同时进行异步操作或者是比较大的开销，那么watch为最佳选择。
2、不支持缓存，数据变，直接会触发相应的操作；
3、watch支持异步；
4、监听的函数接收两个参数，第一个参数是最新的值；第二个参数是输入之前的值；
4、当一个属性发生变化时，需要执行对应的操作；一对多；
5、监听数据必须是data中声明过或者父组件传递过来的props中的数据，当数据变化时，触发其他操作。
immediate：组件加载立即触发回调函数执行，
deep: 深度监听，为了发现对象内部值的变化，复杂类型的数据时使用，例如数组中的对象内容的改变，注意监听数组的变动不需要这么做。注意：deep无法监听到数组的变动和对象的新增，参考vue数组变异,只有以响应式的方式触发才会被监听到。
例如：
watch 异步操作：
watch: {
a(newval, oldval) {
setTimeout(() => {
// 逻辑区
})
}
}
总结
1、computed: 里的属性是有其他属性变化，引起连锁反应，watch是自身属性变化就触发
2、computed 里的属性不需要在data中声明，在computed里的属性直接表示该变量已经被声明、而watch中的监听属性，必须在data中或者父级传给子级的props中声明
3、watch支持异步；computed不支持异步
