你有使用过 vuex 的 module 吗？

Question

如何使用

在每个 module 里定义独立的 state、getters、mutations、actions，在创建 Store 时，在modules 属性中定义模块的名称，可以通过 $store.module.name 获取状态， 也可以通过 mapState 获取， 如何想要独立，则需要 设置模块的 namespace 为 true，在通过命名空间的前缀进行获取。

   ...mapActions([
    'some/nested/module/foo', // -> this['some/nested/module/foo']()
    'some/nested/module/bar' // -> this['some/nested/module/bar']()
  ])

模块支持嵌套

好处

单个 store 的状态多了后太过臃肿， 模块可以便于拆分，维护

缺点

访问起来麻烦，使用起来比较繁琐，需要注意状态在模块下， 其他又在全局。

简易

使用 pinia 进行替代，直接通过文件抽离 store ，之间还可以相互引用