计算属性——computed的一些随笔

【computed和methods —— 相同】

　　computed和methods一样也是放在export default里的“大板块”，用法也很像！

即： 

export default { computed:{

　　　　count1 () { 　　　　　　··· 　　　　}

}, methods:{ 　　　count2 () {　　　　　···　　　} } }

【computed和methods —— 不同】

　　他们也存在不同的！computed计算属性只有在它的相关依赖发生改变时才会重新求值。

　　因为 Date.now() 不是响应式依赖，这样的computed不会再次更新：

computed: { now: function () { return Date.now() } }

 

　　一般响应式依赖应该长这样：

computed: { reversedMessage: function () { return this.message.split('').reverse().join('')//用作倒置字符串，这里的message是同一个组件里面的data()里边定义好了的一个变量 } }

 　　也就是说，你的message每次变动的时候，都会执行一次computed，把它刚获得的新值再“倒置”

 　　相比而言，只要发生重新渲染，method 调用总会执行该函数。

转载于:https://www.cnblogs.com/heshiyu1996/p/6590362.html