Vue + ElementUI 实现后台管理系统模板 -- 前端篇（七）_vue elementui 管理系统

1》安装

项目构建时，已经安装过了。

可以使用 npm 手动安装，然后在 vuex 中全局引入。

npm install vuex -S

注意：如果初始化项目时选择了vuex，一定要删除根目录下原有store.js文件

2》引入 vuex

import Vue from ‘vue’

import Vuex from ‘vuex’

Vue.use(Vuex)

export default new Vuex.Store({

state: {

},

mutations: {

},

actions: {

},

modules: {

}

})

3》根据功能拆分成各个模块

所有的状态管理写在一个 js 里，不方便维护。

可以根据不同的功能，抽取去不同的模块 js 进行处理。

比如：登录模块可以定义 user.js 去处理、公共模块可以定义 common.js 去处理。

如下：定义一个 user.js，其中 state 管理一个 userName 数据，当登录成功时，保存该数据，并显示在主页面的右上角。

export default {