vue登录成功获取到token，将token设置为全局变量

在Vue中，可以将token设置为全局变量，以便在任何组件中使用。可以使用Vuex来实现全局状态管理，具体步骤如下：

1. 在src目录下创建一个store文件夹，用于存放Vuex的相关文件。
2. 在store文件夹下创建一个index.js文件，用于创建Vuex的store实例。
3. 在index.js中引入Vue和Vuex，并创建一个store实例。
4. 在store实例中创建一个state对象，用于存储全局状态。
5. 创建一个mutation，用于更新state中的token值。
6. 在登录成功后，调用该mutation，将token值存储到state中。
7. 在需要使用token的组件中，使用$store.state.token来获取token值。

以下是示例代码：

// store/index.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    token: '' // 存储全局状态的token值
  },
  mutations: {
    setToken(state, token) { // 更新token值的mutation
      state.token = token
    }
  }
})

export default store

在登录成功后，调用setToken mutation：

// Login.vue

methods: {
  login() {
    // 登录成功后获取到token值
    const token = 'xxxxxx'

    // 调用setToken mutation将token存储到全局状态中
    this.$store.commit('setToken', token)
  }
}

在需要使用token的组件中，可以使用$store.state.token来获取token值：

// Profile.vue

computed: {
  token() { // 获取token值
    return this.$store.state.token
  }
}