Vue浅谈computed、method以及watch的区别

Vue浅谈computed、method以及watch的区别

computed属性的特点：

• computed是属性调用；
• computed带有缓存功能；
  • 对于任何复杂逻辑，你都应当使用计算属性；
• computed定义的方法我们是以属性访问的形式调用的，{{computedTest}}；
• ``computed依赖于data`中的数据，只有在它的相关依赖数据发生改变时才会重新求值；
• 尽量用computed计算属性来监视数据的变化；
• 数据量大，需要缓存的时候用computed；

---

methods属性的特点：

• 而methods是函数调用；
• 要加上()来调用，如{{methodTest()}}；
• 每次需要重新加载，不需要缓冲时用methods；

---

watch属性的特点：

• 一种更通的观察和响应 Vue 实例上的数据变动的方式；
• 用watch没有computed“自动”，手动设置会使代码变复杂；
• 更好的办法是使用computed属性，而不是命令是的watch回调。