methods ,计算属性 computed 和 watch 的区别

methods ,计算属性 computed 和 watch 的区别

1. methods

执行n次，运行n次

2. computed

当页面中有某些数据依赖其他数据进行变动的时候，可以使用计算属性
计算属性 computed 是基于data中数据进行处理的，data数据变化，他也跟着变化
当data中数据没有发生改变时，我们调用computed中函数n次，只会进行缓存（执行一次）

3. watch

watch:类似于监听机制+事件机制。

数据变化时执行异步或开销较大的操作，可以随时修改状态的变化

watch为一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名key()，或者包含选项的对象key:{handler(),immediate:bool,deep:bool}。