在vuex中定义modules后，页面直接无法显示，去掉后又恢复正常

//  vuex中内容

import vuex from 'vuex'
import vue from 'vue'

vue.use(vuex)

const store = new vuex.Store({
  state:{
    ui:1000,
  },
   modules:{
    A:modules1
  }
})


const modules1 = {
  state:{name:'china'}
}

export default store

//  组件中内容

<template>
  <div>

    {{$store.state.A.name}}
  </div>
</template>
<script>

export default {

}
</script>

但是将vuex中的modules整个属性取消后，页面内容又出来了。

请问是什么原因造成的

需要在new vuex.Store中定义好getter方法。

 试试看呢

//  组件中内容
 
<template>
  <div>
 
    {{$store.A.state.name}}
  </div>
</template>
<script>
 
export default {
 
}
</script>

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632