使用vuex全局状态管理开启了模块化,并且开启了命名空间
快速写个demo看看:
- 先看看整个store文件结构:
- 再看看模块一里面写了什么:
- 接着看看模块二里面写了什么:这里非常全面了,涵盖了如下情况:
如果想在actions里面访问当前模块或者其他模块的state,或者mutations,actions都是可以的,注意写法问题,/前写模块名,/后写方法名
- 如果你有这样的需求,在一个普通的store里面想要访问开启了命名空间的模块,你可以将想要访问的这个模块引入到当前普通store里面,写法如下:
- 接着我们来看看index.js里面写了啥:
mapState, mapMutations, mapActions, mapGetters的使用
import { mapState, mapMutations, mapActions, mapGetters } from "vuex";