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

Question

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

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

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

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

Answer 1

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

Answer 2

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

Answer 3

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