猿问

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

如图一,我在store中定义了一个count,并且mutations中定义了修改数据的方法

然后如图二三,我在A.B组件中分别通过computed监视了store中的count,并在页面上{{countA}},{{countB}}显示这两个数据,此时都是0
https://img3.mukewang.com/5c949bec0001f51704140184.jpg

https://img1.mukewang.com/5c949bed0001655f03810182.jpg


然后我在A组件中写了一个方法,用于改变store中的count,如图四,现在的情况就是通过执行A组件中的方法,只有A组件中的{{countA}} 数据发生了改变,组件B中{{countB}} 还是显示的0
https://img3.mukewang.com/5c949bf20001102203590156.jpg

B组件中的数据不会变化的么???
他的机制就是这样的还是我哪里不对? 请问应该怎么写?


人到中年有点甜
浏览 2135回答 3
3回答

慕丝7291255

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

元芳怎么了

关于action与mutations简单的理解是:action去commit mutations改变state的值,应当dispatch action,这样操作。以上。

慕桂英3389331

你可以借助vue-devtool查看你现在account的值是多少,然后来定位问题
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答