vuex保存token

在Vuex中保存token，你可以按照以下步骤进行操作：

1. 在Vuex的store文件夹中创建一个新的模块，例如auth.js。
2. 在auth.js中定义state、mutations和actions等属性和方法。

   // auth.js
   
   const state = {
     token: null
   }
   
   const mutations = {
     setToken(state, token) {
       state.token = token
     }
   }
   
   const actions = {
     saveToken({ commit }, token) {
       commit('setToken', token)
     }
   }
   
   export default {
     state,
     mutations,
     actions
   }

3. 在主store.js文件中导入并注册auth模块。

   // store.js
   
   import Vue from 'vue'
   import Vuex from 'vuex'
   import auth from './modules/auth'
   
   Vue.use(Vuex)
   
   export default new Vuex.Store({
     modules: {
       auth
     }
   })

4. 在组件中使用Vuex的mapActions辅助函数来调用saveToken action。

   // YourComponent.vue
   
   <template>
     ...
   </template>
   
   <script>
   import { mapActions } from 'vuex'
   
   export default {
     ...
     methods: {
       ...mapActions(['saveToken']),
       saveTokenAction() {
         // 调用saveToken action并传入token值
         this.saveToken('your_token_value')
       }
     },
     ...
   }
   </script>

这样，你就可以在Vuex中保存token，并在需要的地方进行调用和使用。记得根据你的实际需求，修改相关代码。