1: 学习vuex
1: 首先安装vuex, 因为vuex 是 vue 框架第三方插件, 需要在整个项目中安装 : npm install vuex --save
2: 在自己的当前项目中建立store (仓库) 文件夹:
store 文文件夹中: 一个是index.js 一个是modules 文件夹
3: 在index.js 文件中:
引入vue 和 vuex, 把 vuex 挂载到 原型上
import Vue from 'vue';
import vuex from 'vuex';
Vue.use(vuex);
4: 把moudles 文件夹中的js 文件 引用到 index.js 文件中
import aaa from './modules/aaa';
import bbb from './modules/bbb';
import ccc from './modules/ccc';
import ddd from './modules/ddd';
import eee from './modules/eee';
import dddd from './modules/dddd'
5: 我们new 出来一个vue 实例对象, 不是new vuex 而是new 出来store 对象。
然后挂载到 modules 身上
const store = new vuex.Store({
modules: {
aaa: aaa,
bbb: bbb,
ccc: ccc,
ddd: ddd,
eee: eee,
ddddddd
}
});
export default store;