计算属性——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 调用总会执行该函数。