为什么我收到“无法读取未定义的属性‘状态’"的错误信息?在 Vue.js 中 [英] why i am getting error of "cannot read property 'state' of undefined " in 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)
});
这篇关于为什么我收到“无法读取未定义的属性‘状态’"的错误信息?在 Vue.js 中的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文