1、vue2.x脚手架下载(默认你本地有node和vue)
cnpm install @vue/cli -g 或者 npm install @vue/cli -g
2、脚手架选项
1)选择自定义
2)选择需要的
3) 选择版本
4) ESlint
5) eslint检测时机
正文…
整个目录大概是这样的
windowInfo.js 为某一个流程的数据管理模块,getters 是负责将modules中的数据进行统一管理后,在store/index.js 中进行注册, 然后在 xxx.vue 文件中 可以通过 mapGetters 进行引用
1、windowInfo.js 文件
change_number为 xxx.vue文件中通过 this.$store.dispatch(‘change_number’, params) 进行调用,
因为 actions 中的数据是只读的,如果想改变当前模块中的数据,需要通过调用 mutations 中的方法进行更改
2、getters.js 文件(模块化数据统一管理)
首先 将模块引入, 之后进行统一管理后暴露出去
3、store/index.js (模块进行注册)
4、调用