vuex读取不到state及模块化读取报错
一:读取不到state
package.json 查看当前vuex,vue版本。若是vue使用的2.xx版本,vuex使用3.xx版本。vue使用的3.xx版本,vuex使用4.xx版本。
二:模块化后取值报错undefined
(1) 检查字母大小写V v
(2)检查文件引入路径是否有错
main.js引入store,并且注册;
import store from './store'
new Vue({
store,
render: (h) => h(App),
}).$mount("#app");
store/index 要记得引入模块化文件 并 抛出;
import Vue from "vue";
import Vuex from 'vuex'
import home from './modules/Home';
Vue.use(Vuex)
let store = new Vuex.Store({
modules:{
home
}
})
export default store;
store/modules 要记得export default抛出;
json数据抛出时记得避免深层读取,否则会报错undefined
看个错误的栗子:
let modules={
namespaced:true,
state:{
userInfo:{
name:'YY',
age:8
}
},
getters:{},
actions:{},
mutations:{}
}
export default {modules}
拯救栗子崽:
不套用modules这一层,单个抛出。嘻嘻嘻~