Vue中的watch与computed

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

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

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

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

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

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

2、支持异步。

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

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

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

6、deep:深度监听。

猜你喜欢

转载自blog.csdn.net/Mjxiaomihu/article/details/128633795