vue中模块化后mapState的使用

代码如下：

相当于声明了一个变量name，然后以state入参取得其modules文件夹中user文件里的name属性。因为在模块(如user)中，在抛出时的export default中添加了一句：namespaced:true,这很好的使模块域互相分离，并以文件名作为前缀才可获取其中内容

 

<template>
  <div class="container">    
  </div>
</template>
<script>
import {mapState} from "vuex"
export default {
  computed:{
    ...mapState({
      'name':state=>state.user.name
    })
  },
  data(){
    return{
      
    }
  },
  mounted(){
    console.log(this.name)
  }
}
</script>