为什么我收到“无法读取未定义的属性‘状态’"的错误信息?在 Vue.js 中

本文介绍了为什么我收到“无法读取未定义的属性‘状态’"的错误信息?在 Vue.js 中的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我的商店/index.js 是:

从 'vue' 导入 Vue从 'vuex' 导入 VuexVue.use(Vuex)导出默认值新的 Vuex.Store({状态: {名称:'艾丽西亚·维坎德'，年龄:20，出生日期:'20/08/1990'},突变:{更新名称(状态，名称)=>{状态.名称 = 名称}}})

我的 component.vue 是:

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

为什么我收到错误

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

在 vue js 中?请帮忙..提前致谢

解决方案

你确定你像这样将 store 注入到组件中:

let store = new Vuex.Store({状态: {名称:'艾丽西亚·维坎德'，年龄:20，出生日期:'20/08/1990'},突变:{更新名称(状态，名称)=>{状态.名称 = 名称}}})新的 Vue({店铺，el: '#app',渲染:h =>h(应用程序)});

my store/index.js is :

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

and my component.vue is :

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

why i am getting error of

cannot read property 'state' of undefined

in vue js ? please help.. thanks in advance

解决方案

Are you sure you have injected store to the component like this:

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