H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

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

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

图片描述

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

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

回答:

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

回答:

关于action与mutations

简单的理解是:action去commit mutations

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

以上。

回答:

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

本文地址:H5W3 » vuex中的数据多个组件共享,在其中一个组件中改变数据状态,其他组件调用这个数据的地方,数据不会变的么?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址