Vue中Computed和Watch的使用场景,特点

500 阅读1分钟

Computed计算属性 

1.定义与data同级,需要return返回值,在模板中使用的时候不用加括号 

2.将复杂的计算逻辑从模板中抽离出来,使模板变得更加简洁 

3.computed是基于data中的数据来做处理的,所以data中的数据发生变化,计算出来的结果也会相应变化 

Watch侦听器

1.监听数据的变化,触发方法,形参value就是变化后的最新值

2.定义与data同级,侦听器的名字要与要侦听的属性名保持一致

3.处理异步(定时器,ajax...)

4.用于开销较大的情况(比较耗时)