【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 调用总会执行该函数。