为了账号安全,请及时绑定邮箱和手机立即绑定

vuex中的数据多个组件共享,在其中一个组件中改变数据状态,其他组件调用这个数据的地方

vuex中的数据多个组件共享,在其中一个组件中改变数据状态,其他组件调用这个数据的地方

人到中年有点甜 2019-03-19 21:18:21
如图一,我在store中定义了一个count,并且mutations中定义了修改数据的方法然后如图二三,我在A.B组件中分别通过computed监视了store中的count,并在页面上{{countA}},{{countB}}显示这两个数据,此时都是0然后我在A组件中写了一个方法,用于改变store中的count,如图四,现在的情况就是通过执行A组件中的方法,只有A组件中的{{countA}} 数据发生了改变,组件B中{{countB}} 还是显示的0B组件中的数据不会变化的么???他的机制就是这样的还是我哪里不对? 请问应该怎么写?
查看完整描述

3 回答

?
慕丝7291255

TA贡献1859条经验 获得超6个赞

你的理解没什么问题,写的我也没看出什么问题。


查看完整回答
反对 回复 2019-03-22
?
元芳怎么了

TA贡献1798条经验 获得超7个赞

关于action与mutations

简单的理解是:action去commit mutations

改变state的值,应当dispatch action,这样操作。

以上。


查看完整回答
反对 回复 2019-03-22
?
慕桂英3389331

TA贡献2036条经验 获得超8个赞

你可以借助vue-devtool查看你现在account的值是多少,然后来定位问题


查看完整回答
反对 回复 2019-03-22
  • 3 回答
  • 0 关注
  • 2134 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号