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>