计算属性computed vs method
2017-10-11 本文已影响0人
lalabao
<div id='app'>
{{countResult}} //使用computed计算属性
{{countResult()}} //使用method实现相同功能
</div>
var vm = new Vue({
el:'#app',
data:'num',
computed:{
countResult:function(){
return this.num*2;//num发生变化，才会重新调用countResult进行计算，换言之computed的计算属性是惰性的
}，
method：{
countResult:function(){
return this.num*2;//不管num是否发生变化，都会重新调用countResult进行计算，换言之method方法虽然可以模拟出和计算属性相同的功能，但是没有缓存功能
}
}
})
