（二）vue.js vuex store状态管理（参考）

基于前文所述，Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

深入了解请链接

vuex文档：https://vuex.vuejs.org/zh/

安装

cnpm install vuex --save

在项目 src 下新建 request/store.js文件，建立一个简单的 store 状态管理

import Vue from 'vue'
import vuex from "vuex";

Vue.use(vuex)

const store = new vuex.Store({
  state: {
    token: null
  },
  mutations: {
    getToken() {
      console.log('getToken', store.state.token)
      return store.state.token
    }
  }
})

export default store

在 main.js 中引入 store，可以直接使用 this.$store

import store from "./request/store";

new Vue({
  el: "#app",
  router,
  store,
  components: { App },
  template: "<App/>"
});

新建 Login.vue 文件，init 方法，调用 this.$store.commit('store定义的方法名') 即可

async init() {
    this.$store.commit('getToken')
}