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方式