Vuex stores user information and saves user login information

1. New user.js:

const user = {
  state:{
    user:""
  },
  mutations:{
    USER_INFO(state,info){
      state.user = info
    }
  },
  actions:{
    saveUserInfo({ commit },data){
      commit('USER_INFO',data)
    }
  }
};
export default user

2. The introduction of store/index.js:

import Vue from 'vue';
import Vuex from 'vuex';
import user from './user';

Vue.use(Vuex);

const store = new Vuex.Store({
  modules:{
    user
  }
});
export default store

3.main.js introduces the store file:

import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store'
...

//挂载
new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
})

 

4. Called in login.vue in the component:

//this.$store.dispatch('saveUserInfo',response.data.data);//请求回来后，把用户信息存储到VUEX里