vuex

1.下载vuex
2.新建vuex目录
  store.js

   import Vue from 'vue'
   import Vuex from 'vuex'
   import createPersistedState from 'vuex-persistedstate'
   Vue.use(Vuex)

const state = {
    user: {},
}
const getters = {
    //获取登录信息
    getuser: state=>{
        return state.user
    }
}
const actions = {
    //获取登录信息
    setuser({commit},item){
        commit('setuser',item)
    },
    clearUser({commit}){
        commit('clearUser')
    }
    
}
  const mutations={
       //设置登录信息
        setuser(state,item){
            if(item){
                state.user = JSON.parse(item)
            }           
        },
        //清除厂商登录
        clearUser(state){
            state.user={};
        },
    }

 export default new Vuex.Store({
         plugins:[
            createPersistedState({ storage: window.sessionStorage })
         ],
        state,
        getters,
        actions,
        mutations
    });

3.main.js 

引入store.js

4.登录存储
window.localStorage.setItem('$user',JSON.stringify(res.data))                              
this.$store.dispatch('setuser',window.localStorage.getItem("$user"))

5.展示
$store.state.user..........