2.computed与methods区别
原始字符串: {{ message }}
计算后反转字符串: {{ reversedMessage }}
使用方法后反转字符串: {{ reversedMessage2() }}
var vm = new Vue({
el: '#app',
data: {
message: '51code!'
},
computed: {
//计算属性的getter
reversedMessage: function () {
// `this` 指向 vm 实例
return this.message.split('').reverse().join('')
}
},
methods: {
reversedMessage2: function () {
return this.message.split('').reverse().join('')
}
}
})
运行结果如下：
可以说使用computed性能会更好，但是如果你不希望缓存，你可以使用methods属性。
