1、计算属性与vue某个属性绑定,实时依赖。
2、如果vue的属性不变的话,计算属性不会进行计算,而是返回已缓存的值。
计算属性
computed
,和method
在表象上是一样的。
但是区别在于:
method
不管属性值变与不变都会执行计算;
computed
当属性不变的时候会返回已缓存的计算结果,不进行重复计算。
## html
<div id="example">
<p>Original message: "{{ message }}"</p>
<p>Computed reversed message: "{{ reversedMessage }}"</p>
</div>
## js
var vm = new Vue({
el: '#example',
data: {
message: 'Hello'
},
computed: {
// a computed getter
reversedMessage: function () {
// `this` points to the vm instance
//假设这里是大规模计算,
return this.message.split('').reverse().join('')
}
}
})