javascript - 为什么我在 vue js 中收到 "cannot read property ' state' of undefined 错误

Question

我的商店/index.js 是:

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default
new Vuex.Store({
  state: {
    name: 'Alicia Vikander',
    age: 20,
    dob: '20/08/1990'
  },
  mutations: {
    updateName(state, name) => {
      state.name = name
    }
  }
})

我的 component.vue 是:

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

为什么会报错

cannot read property 'state' of undefined

在 vue 中？请帮助..提前致谢

Answer 1

你确定你已经像这样将存储注入(inject)到组件中吗:

 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)
});