计算属性computed vs method

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

  }

 }

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,308评论 19 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,898评论 18 399
  • 背景 一年多以前我在知乎上答了有关LeetCode的问题, 分享了一些自己做题目的经验。 张土汪:刷leetcod...
    土汪阅读 14,349评论 0 33
  • "Unterminated string literal.": "未终止的字符串文本。", "Identifier...
    两个心阅读 12,647评论 0 4
  • { "Unterminated string literal.": "未终止的字符串文本。", "Identifi...
    一粒沙随风飘摇阅读 13,704评论 0 3