Vue3进阶-第十篇：Vuex模块化高级

Vue3进阶-第十篇：Vuex模块化高级

1. 命名空间应用

命名空间解决模块冲突的原理

在大型Vuex项目中，多个模块可能会定义相同名称的 mutations、actions 或 getters。例如，user 模块和 admin 模块都可能有一个名为 fetchData 的 action 来获取用户或管理员相关数据。这种命名冲突会导致在调用这些 action 时产生混淆，不知道具体调用的是哪个模块的 action。

命名空间通过为每个模块创建一个独立的作用域来解决这个问题。当一个模块启用命名空间后，它的所有 mutations、actions 和 getters 都会被放在这个独立的命名空间内。这意味着不同模块中相同名称的 mutations、actions 或 getters 不会相互干扰，因为它们属于不同的命名空间。

例如，在启用命名空间后，user 模块的 fetchData action 可以通过 user/fetchData 来调用，而 admin