watch和computed的定义和作用

watch侦听器:

1.更多的是观察的作用，无缓存性，类似于某些数据的监听回调，每当监听的数据变化时都会执行回调进行后续操作。
2.监听data或者props传来的数据，发生变化时会触发相应操作。有两个参数：
immediate：立即触发回调函数。
deep：深度监听，发现数据内部的变化，在复杂数据类型中使用，例如数组中的对象发生变化。需要注意的是，deep无法监听到数组和对象内部的变化。

computed计算属性:

计算属性可以从组件数据派生出新数据，最常见的使用方式是设置一个函数，返回计算之后的结果，依赖其它属性值，并且 computed 的值有缓存，只有它依赖的属性值发生改变，下一次获取 computed 的值时才会重新计算 computed 的值。

区别：

计算属性（computed）可以从组件数据派生出新数据，最常见的使用方式是设置一个函数，返回计算之后的结果，computed具备缓存性，不支持异步操作。
侦听器（watch）可以侦测某个响应式数据的变化并执行副作用，watch不具备缓存性，但可以执行异步操作等复杂逻辑。

使用场景及选择：

computed：是多对一，多个数据影响一个。当需要进行数值计算,并且依赖于其它数据时，应该使用 computed，因为可以利用 computed 的缓存特性，避免每次获取值时都要重新计算。
watch：是一对多，一个数据发生变化，执行相应操作会影响多个数据。当需要在数据变化时执行异步或开销较大的操作时，应该使用 watch，使用 watch 选项允许执行异步操作 ( 访问一个 API )，限制执行该操作的频率，并在得到最终结果前，设置中间状态。这些都是计算属性无法做到的。