Vue中的watch与computed

一、计算属性computed(一个数据受多个数据影响)

1、支持缓存，只有依赖数据发生改变的时候才会重新进行计算。

2、不支持异步，当有异步操作时，无法监听数据变化。

3、如果computed属性值是函数，默认走get方法，如果数据发生变化的时候走set方法。

二、监听属性watch(一个数据影响多个数据)

1、不支持缓存，数据变化直接会触发相应操作。

2、支持异步。

3、监听的函数接受两个参数，一个是最新的值，一个是输入之前的值。

4、当一个属性发生变化时，需要执行对应操作。

5、immediate：组件加载立即触发函数执行。

6、deep:深度监听。