javascript - vuex中modules,输出state，无法在页面输出？

Question

store.js

export default new Vuex.Store({
  state:{
    globalNumber:0
  },
  modules:[a]
});

a.js

const state={
  alocalNumber:0 
} 

export default {
    state
}

a.vue

<template>
    <p>
        {{global}} -- {{local}} 
        </p>
</template>
<script>
    import { mapState } from "vuex";
    import type from "../../store/type.js"
    export default {
        computed:{
        /*
            local(){
                return this.$store.state.a.alocalNumber
            },
            */   //如果按照return this.$store.state.a.alocalNumber也可以显示。
            
            ...mapState({
                alocal:"alocalNumber", //这个不显示
                global:"globalNumber" //这个可以显示
            }),
                }
    }
</script>

mapState 这个方法到底有什么用，在modules 无效吗？请指教谢谢

Answer 1

你的a.js没有导入吧？因为你的new Vuex.Store中，只有globalNumber，所以另外一个才先显示不了