26.Computed vs Methods

比较下面两个用法:

<!-- computed -->
<div>{{ reverseMessage }}</div>
<!-- method -->
<div>{{ reverseMessage() }}</div>

前者使用 computed 的属性，後者则是使用 method 方法

/* computed */
new Vue({
computed: {
reverseMessage: function() {
return this.message.split('').reverse().join('')
}
}
});
/* method */
new Vue({
methods: {
reverseMessage: function() {
return this.message.split('').reverse().join('')
}
}
})

差别在於：使用 computed，当相依的资料有变更时就会重新计算，而使用 method 则只有在重新渲染才重新计
算；也就是说，在相依资料没有变更的情况下，若将关联的 elements 重新渲染，使用 method 会需要再重新计算
一次，而 computed 则不需要