计算属性computed vs method


  {{countResult}} //使用computed计算属性

 {{countResult()}} //使用method实现相同功能



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方法虽然可以模拟出和计算属性相同的功能,但是没有缓存功能

  }

 }

})

你可能感兴趣的:(计算属性computed vs method)