vuex中拿不到state中值的问题(state是undefined)

Posted 老张在线敲代码

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuex中拿不到state中值的问题(state是undefined)相关的知识,希望对你有一定的参考价值。

首先下载vuex然后看一下项目中main文件内有没有引入store文件并且挂载

import Vue from 'vue'
import App from './App.vue'
import Element from "element-ui"
import "element-ui/lib/theme-chalk/index.css"
import router from "./router/index"
import store from "./store"
Vue.config.productionTip = false
Vue.use(Element)
new Vue(
  router,
  store,
  render: h => h(App),
).$mount('#app')

上面没问题的话在检查一下项目中store文件是否正确导出或者单词大小写错误

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store(
    state:
        
    ,
    mutations:
      
    ,
    actions: 
    ,
    modules: 
    
)

如果到了这一步还是报错拿不到state则检查项目中package.json文件中vuex版本为多少
默认安装vue代码是npm i vuex版本号是4以上
需要卸载vuex重新安装@3版本的,之后重启项目问题解决

"vuex": "^3.6.2"

以上是关于vuex中拿不到state中值的问题(state是undefined)的主要内容,如果未能解决你的问题,请参考以下文章

使用vuex时,vuex $store.state的值能获取,但是里面具体的值就获取不到

Vuex getter无法更新状态更改

万恶的浏览器缓存 Vuex state里面的成员改名后浏览器不会马上更新

vuex2.0 基本使用 --- state

13vuex2.0 之 state

vuex直接修改state和commit异同点