在公共js文件里面,如何拿this.$store.state
时间: 2024-10-24 11:11:01 浏览: 12
在Vue中使用this.$store或者是$route一直报错的解决
在Vue.js中,当你想在公共JS文件里访问Vuex store的状态(state),你需要确保已经通过Vue实例或Vue组件正确地注入了store。通常,你可以在`main.js`或`App.vue`等初始化文件中完成这个步骤。以下是操作方法:
1. 首先,确保你在全局范围内已经创建并导出了store,例如:
```javascript
import Vue from 'vue';
import Vuex from 'vuex';
const store = new Vuex.Store({
state: {
yourStateKey: 'your_value'
},
// 更多配置...
});
// 导出store供全局引用
export default store;
```
2. 然后,在你的公共JS文件中,可以使用`import`导入store,并通过`this`关键字访问其中的状态:
```javascript
// 公共JS文件,如 utils.js 或 commonUtils.js
import store from '@/store';
export function getStateValue(key) {
return this.$store.state[key];
}
```
3. 在需要的地方,你可以通过`getStateValue`函数获取状态值:
```javascript
// 使用时,传入你要获取的键名
console.log(getStateValue('yourStateKey'));
```
阅读全文