this.$store.state显示undifind
时间: 2023-09-11 16:06:25 浏览: 75
详解vuex数据传输的两种方式及this.$store undefined的解决办法
这个问题可能是因为你没有正确地配置 Vuex Store。请确保你已经在 Vue 应用程序的入口文件中正确地配置了 Vuex Store,并在 Vue 组件中正确地引用了它。
在入口文件(如 main.js)中,你需要首先导入 Vuex 和你的 store 模块,然后创建一个 store 实例并将其传递给 Vue 实例:
```javascript
import Vue from 'vue'
import Vuex from 'vuex'
import store from './store'
Vue.use(Vuex)
new Vue({
store,
// ...其他选项
})
```
在组件中引用 store 的方式有两种:使用 `mapState` 辅助函数或直接通过 `$store` 实例访问。
使用 `mapState` 辅助函数:
```javascript
import { mapState } from 'vuex'
export default {
//...
computed: {
...mapState({
myState: state => state.myModule.myState
})
}
}
```
通过 `$store` 实例访问:
```javascript
export default {
//...
computed: {
myState() {
return this.$store.state.myModule.myState
}
}
}
```
请确保你的 store 模块中已经定义了 `myModule` 和 `myState`。如果你仍然遇到问题,请提供更多的代码和错误信息,以便我们更好地帮助你解决问题。
阅读全文