Javascript 为什么我会犯错误；无法读取属性'；州'；“未定义”的定义；在vue js中

my store/index.js是：

从“Vue”导入Vue
从“Vuex”导入Vuex
Vue.use（Vuex）
导出默认值
新Vuex.商店({
声明：{
姓名：“Alicia Vikander”，
年龄:20,，
dob:'20/08/1990'
},
突变：{
updateName（状态、名称）=>{
state.name=名称
}
}
})

我的component.vue是：

{{$store.state.name}

为什么我会犯错误

无法读取未定义的属性“状态”

---

在vue js中？请帮忙。。提前感谢

您确定已将存储注入组件，如下所示：

 let store = new Vuex.Store({
    state: {
    name: 'Alicia Vikander',
    age: 20,
    dob: '20/08/1990'
  },
  mutations: {
    updateName(state, name) => {
      state.name = name
    }
  }
})

new Vue({
  store,
  el: '#app',
  render: h => h(App)
});

---

项目中的导入存储在哪里？您应该为根vue组件提供创建的存储。它必须工作，请检查此项：