Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
但是,当我们的应用遇到多个组件共享状态时,单向数据流的简洁性很容易被破坏:
多个视图依赖于同一状态。
来自不同视图的行为需要变更同一状态。比如token,登录后共享token,改变haslogin登录状态。
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
hasLogin: false,
token: '',
myinfo: {
},
unitid:''
},
mutations: {
// 登录成功
login: function(state, token) {
state.hasLogin = true
state.token = token
},
// setToken:function(state,token){
// state.token =token
// },
// 保存个人信息,obj是一个对象
setMyinfo: function(state, obj) {
// 合并对象 两种
// state.myinfo