全局状态管理

说明

vuex 官方文档 (opens new window)，在阅读本文档前，请对 vuex 的使用有一定了解。

目录结构

vuex 的定义与使用方式比较灵活，如果应用中全局数据较多，还是以官方推荐的文件格式更易维护。

└─ src                          # 项目主文件
   └─ store
      ├─ modules                # 模块
      │  ├─ app.js              # 应用数据
      │  ├─ basic.js            # 一些常用的基础数据
      │  └─ user.js             # 当前管理员信息
      ├─ getters.js             # 获取全局数据的方法
      └─ index.js               # 入口

入口文件

import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'

import user from './modules/user'
import app from './modules/app'
import basic from './modules/basic'
Vue.use(Vuex)

export default new Vuex.Store({
	modules: {
		user,
		app,
		basic
	},
	getters
})