[vue小知识] watch、methods 和 computed 的区别?

 

1. 基本说明

1．computed 是计算属性的对象

2．methods 是方法集合的对象

3．watch 是监听数据变动的对象

2. 三者的加载顺序

1. computed 是在 HTML DOM 加载后马上执行的，如赋值；

2. methods 则必须要有一定的触发条件才能执行，如点击事件

3. watch 是用于观察 Vue 实例上的数据变动。

3. 默认加载的时候

先 computed 再 watch，不执行 methods；

4. 当触发某一事件后的执行顺序

先 computed 再 methods 再到 watch

5.当需要缓存时用computed ,不需要缓存时用 methods