vue计算属性

常用取逆，多次获取时效率低

<div id="example"> {{ message.split('').reverse().join('') }} </div>

计算属性

<div id="example"> <p>Original message: "{{ { message.split('').reverse().join('') }} }}"</p>

<p>Computed reversed message: "{{ reversedMessage }}"</p> </div>

var vm = new Vue({

el: '#example',

data: { message: 'Hello' },

computed: {

// 计算属性的 getter

reversedMessage: function () {

// `this` 指向 vm 实例

return this.message.split('').reverse().join('') } } })