官网没有相关文档，vuex分了module后如何在组件内使用...mapState['']方式使用state？

首先，为啥我连一个module的都获取不了啊；
下图为我的store结构




组件内部分代码

1. import {createNamespacedHelpers} from 'vuex'
   
2. 
   
3. const {mapState} = createNamespacedHelpers('user')
   
4. 
   
5. //user module的state里面有一个user
   
6. ...mapState(['user']),

复制代码

控制台报错 [vuex] module namespace not found in mapState(): user/

首先一个module的都获取不了，更别说多个了，

多个我的思路是 重命名 mapstate 网上搜了下使用 mapState:userMapState这样就行了

但是为啥我这个获取不了user啊

1. const {mapState} = createNamespacedHelpers('user')

复制代码

这一行就已经获取到了user，其中mapState存的就是user的state。

1. import Vue from 'vue'
   
2. import Vuex from 'vuex'
   
3. 
   
4. import user from './module/user'
   
5. import app from './module/app'
   
6. 
   
7. Vue.use(Vuex)
   
8. 
   
9. export default new Vuex.Store({
   
10.   state: {
    
11.     //
    
12.   },
    
13.   mutations: {
    
14.     //
    
15.   },
    
16.   actions: {
    
17.     //
    
18.   },
    
19.   modules: {
    
20.     user,
    
21.     app
    
22.   }
    
23. })
    

复制代码

在你的main.js里 ：

1. import store from './store'；
   
2. new Vue({
   
3.   el: '#app',
   
4.   router,
   
5.   i18n,
   
6.   store,
   
7.   render: h => h(App)
   
8. })  

复制代码

然后在你的组件里:

1. import { mapMutations, mapActions, mapGetters } from 'vuex';
   
2. //
   
3. ...mapGetters([])

复制代码

你是按照这个步骤来的吗？

数组属于特殊类型不能这样定义的