javascript - 为什么我在 vue js 中收到“无法读取未定义的属性‘状态’”的错误

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>

为什么我会出错

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

在 vue js 中？请帮忙..提前谢谢

标签： javascriptvue.jsnuxt.js

Answer 1

您确定您已将 store 注入到组件中，如下所示：

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