vuex中module里面的数据操作总结

Vuex 使用了 module 后的访问方法：

01 - 如果 使用了 module 和 namespace

state 数据:=> this.$store.state.User.info (user 是模块名字. info 是 state 里面的属性名字)

getters 数据: => this.$store.getters[‘User/getUserInfo’] (user namespace,模块名, getUserInfo 是 getter 的名字)

mutations => this.$store.commit( ‘AppKeepAlive/remove’, name); (AppKeepAlive 模块名, remove方法名, name 是荷载数据 payload)

02 - 使用语法糖调用

详情可查看：https://www.jianshu.com/p/83d5677b0928

02-1 – mapState的使用

// ...
computed: {
   
    ...mapState({
   
        name: state => state.moduleA.text
    }),
},
// ...

02-2 – 访问根节点state数据
我们已经知晓，模块内部的 state 是局部的，只属于模块本身所有。那么如果我们要想在模块中访问 store 根节点的数据 state，怎么办呢？编辑modelA.js如下：

export default {
   
    // module中存在rootState这个参数可以获取根节点的数据
    getters: {
   
        // 注意: rootState必须是第三个参数
        detail(state, getters, rootState) {
   
            return state