computed
// computed计算属性
<div id="example">
{{ info.split('').reverse().join('') }} // 模板内的表达式{{ expression }}
的逻辑若太复杂,不好看也不易维护。
</div>
// 应该如下写
<div id="example">
<p>Original message: "{{ info }}"</p>
<p>Computed reversed message: "{{ info1 }}"</p>
</div>
var vm = new Vue({
el: '#example',
data: {
info: 'Hello'
},
computed: {
info2: function () {
return this.info.split('').reverse().join('')
}
}
})