computed

Posted 2021-01-02 congtt

// 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(‘‘)
　　　　}
　　}
})