基于前文所述,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') }