2.computed與methods區(qū)別
原始字符串: {{ message }}
計(jì)算后反轉(zhuǎn)字符串: {{ reversedMessage }}
使用方法后反轉(zhuǎn)字符串: {{ reversedMessage2() }}
var vm = new Vue({
el: '#app',
data: {
message: '51code!'
},
computed: {
//計(jì)算屬性的getter
reversedMessage: function () {
// `this` 指向 vm 實(shí)例
return this.message.split('').reverse().join('')
}
},
methods: {
reversedMessage2: function () {
return this.message.split('').reverse().join('')
}
}
})
運(yùn)行結(jié)果如下:
可以說(shuō)使用computed性能會(huì)更好,但是如果你不希望緩存我纪,你可以使用methods屬性较剃。