Vuex模块的触发问题

我们在使用Vuex的时候会涉及到Vuex的使用,那么我们如何去理解其中的模块呢?

Vuex模块的触发问题_第1张图片

这个是我们用Vuex创建的实例。

如果所以的共享数据多放在里面会显得非常错乱。

这个时候我们可以采用区分模块的形式

怎么区分呢?

(1)新建user.js

Vuex模块的触发问题_第2张图片

 (2)在index.js导入并且注册

Vuex模块的触发问题_第3张图片

 (3)命名空间

Vuex模块的触发问题_第4张图片

为了防止模块间发生冲突,开启命令空间。

这样在触发的时候必须加上自己模块的名字。

如:

await this.$store.dispatch('user/toLogin', this.form)

注意

一定要加上自己模块的名字,并且开启命名空间。

你可能感兴趣的:(Vue,前端,javascript,开发语言)