Vue method与computed的区别

菜鸟一枚,以前写vue的项目都是复制粘贴,调调接口方法什么的。

今天尝试使用vuex传递参数,调用set方法时总是提示 setAppInfo not a function

认真查看了一翻store的方法确认action写的是正确的。

再次检查调用界面发现把 

 ...mapActions({

      set_app_info: SET_APP_INFO

    }),

方法写到了 computed计算属性里

检查多遍才发现。。。百度查了下相关的区别

写法上computed计算属性的方式在用属性时不用加(),而methods方式在使用时要像方法一样去用,必须加().

两种方式在缓存上也大有不同,利用computed计算属性是将 reverseMessage与message绑定,只有当message发生变化时才会触发reverseMessage,而methods方式是每次进入页面都要执行该方法,但是在利用实时信息时,比如显示当前进入页面的时间,必须用methods方式

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,915评论 18 139
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,270评论 0 25
  • 零极限,2篇爱和喜悦的祈祷,幸福日记 1. 今天晚上吃了一顿原味饺子,呵呵是没有调味的饺子馅,为什么呢?下班回到家...
    FennieW阅读 114评论 0 0
  • 中国有一句要的话叫做物极必反,那什么叫做物极必反。对于我们现在人最简单的说法就是在信息大爆炸的时候。我们处在意这个...
    天之巅海无涯阅读 422评论 0 0
  • 晕晕乎乎,痴痴傻傻,半醉半醒的滋味最真实,又难得。以为青梅煮出来的酒,会带着梅子的果香和酸甜,也认为桂花酿酒会带上...
    桑榆向晚阅读 150评论 0 0