vuex getToken 怎么用
时间: 2023-06-30 17:05:43 浏览: 35
`vuex` 是一个状态管理库,用于在 `Vue` 应用程序中管理应用程序的状态。如果您想在 `vuex` 中存储一个 token,可以按照以下步骤进行:
1. 在 `store` 目录下创建一个 `auth.js` 文件。
2. 在 `auth.js` 文件中定义一个 `state` 对象,用于存储应用程序的状态,例如 `token`:
```javascript
const state = {
token: null
}
```
3. 定义一个 `mutations` 对象,用于更新 `state` 中存储的状态:
```javascript
const mutations = {
setToken(state, token) {
state.token = token
}
}
```
4. 定义一个 `actions` 对象,用于调用 `mutations` 中的方法,以更新 `state` 中的状态:
```javascript
const actions = {
setToken({ commit }, token) {
commit('setToken', token)
}
}
```
5. 最后,在组件中使用 `mapActions` 辅助函数将 `actions` 对象中的方法映射到组件的方法中,并调用 `setToken` 方法来更新 `state` 中的 `token`:
```javascript
import { mapActions } from 'vuex'
export default {
methods: {
...mapActions(['setToken']),
login() {
// 登录成功后获取 token
const token = 'your_token'
// 调用 setToken 方法更新 state 中的 token
this.setToken(token)
}
}
}
```
在以上代码中,`mapActions(['setToken'])` 将 `actions` 对象中的 `setToken` 方法映射到组件的 `methods` 中,以便在 `login` 方法中调用它。