vuex使用

119 阅读1分钟

使用vuex全局状态管理开启了模块化,并且开启了命名空间

快速写个demo看看:

  • 先看看整个store文件结构:

  • 再看看模块一里面写了什么:
  • 接着看看模块二里面写了什么:这里非常全面了,涵盖了如下情况: 如果想在actions里面访问当前模块或者其他模块的state,或者mutations,actions都是可以的,注意写法问题,/前写模块名,/后写方法名
  • 如果你有这样的需求,在一个普通的store里面想要访问开启了命名空间的模块,你可以将想要访问的这个模块引入到当前普通store里面,写法如下:
  • 接着我们来看看index.js里面写了啥:

mapState, mapMutations, mapActions, mapGetters的使用

import { mapState, mapMutations, mapActions, mapGetters } from "vuex";