computed是方法,但是用属性来调用,而method则是用方法来调用.
我们要对一个字符数据进行切分反转等操作,可以按照下面的方式,但是vue并不建议这么做,因为vue提供了计算属性.
<div id="example">
{{ message.split('').reverse().join('') }}
</div>
我们可以在vue实例中写好所要使用的函数,this
可以方面的对该实例的数据进行操作
var vm = new Vue({
el: '#example',
data: {
message: 'Hello'
},
computed: {
// 计算属性的 getter
reversedMessage: function () {
// `this` 指向 vm 实例
return this.message.split('').reverse().join('')
}
}
})
<div id="example">
<p>Original message: "{{ message }}"</p>
<p>Computed reversed message: "{{ reversedMessage }}"</p>
</div>