vue vuex 挂载_vue+vuex+localStorage实现自动登录

一、首先创建vuex，vuex基本结构如下图所示

image.png

(1)state里面主要是定义在存储store里面的数据,，为了避免每次刷新页面vuex内容都会清空，所以state里面初始值直接使用本地仓库的值

export default {

UserInfo:localStorage.getItem('userInfo')

UserToken : localStorage.getItem('userToken')

};

(2) index则是主要将上述三个js文件暴露出去，并且将vuex挂载在vue上

import Vue from 'vue';

import Vuex from 'vuex';

import state from './state';

import * as actions from './actions';

import * as mutations from './mutations';

Vue.use(Vuex);

export default new Vuex.Store({

state,

actions,

mutations

});

import Vue from 'vue';

import Vuex from 'vuex';

import state from './state';

import * as actions from &#