computed
Posted congtt
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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(‘‘)
}
}
})
以上是关于computed的主要内容,如果未能解决你的问题,请参考以下文章