Vue——vuex模块结构

模块结构：

1、constants.js

• ns.js：各模块的命名空间名称

export default {
    HOME: 'home', // 首页
    demo: 'demo', // 模板
}

• types.js： 存放了一些变量

const types = [
	'SWITCH_LOADING', // 更改全局loading状态
'SWITCH_SCREEN_FULL', // 更改全屏状态
 ]
 const typesObj = {}//定义一个空对象
 types.forEach(type => { typesObj[type] = type })//把以上所有数据存放在typesObj对象里面
 export default typesObj//向外暴露这个对象

2、actions.js (dispatch 去调用) 异步操作，放一些修改变量的方法

x import types from '@/store/constants/types'import ajax from '@/lib/ajax'//异步操作export default {    [types.GET_APP_VIDEO_TOKEN] (context) {        const state = context.state        ajax({ url: '/data/monitor/getCameraToken', method: 'post' }).then(res => {            if (res.code == 200) {