Vue计算属性（computed）、methods、watched三者区别

一、计算属性（computed） Vue.js 的内联表达式非常方便，但如果涉及到比较复杂的场景，我们应该使用计算属性。 计算属性是用来声明式的描述一个值依赖了其它的值，当依赖的值发生改变时，其值才会相应的发生更改并更新相关的ＤＯＭ。 其结果如下图，当文本框中值发生更改时，计算属性的值也发生相应的更改并触发ＤＯＭ更新。    值得注意的是计算属性默认只有 getter ，不过自已可以根据需要提供一

>>阅读原文<<