main.js 中引用 , 然后注册下------
基础版: store.js
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
// 定义初始变量
const state = {
}
// getter相当于computed计算数据属性
const getters = {
}
// 初始派发事件
const actions = {
addevent(context, param) {
context.commit('ADDEVENT', param)
}
}
// actions commit 之后mutation
const mutations = {
ADDEVENT(state, obj) {
console.log(state)
console.log(obj)
}
}
// 全都注册下
const store = new Vuex.Store({
state,
mutations,
getters,
actions
});
export default store;
升级版:
Src 目录下创建一个store文件夹,
store 文件夹里面引用
在要引用的event 里面进行引入文件( -- 坑--------import 引入文件必须加s - ----不加会报错----------------------操蛋了)