vuex
引入vue和仓库文件
import Vue from 'vue';
import Vuex from 'vuex';
初始化vuex
Vue.use(Vuex);
实例化仓库
let store = new Vuex.Store({
state:{
//存储状态
val:"data"
},
getters:{
//处理状态
val:state=>state.val
},
mutations:{
//修改状态也是唯一一个可以修改状态的方法
state仓库实例 val形参
updateVal(state,val){}
},
actions:{
//可以异步修改状态
store 实例 val形参
UpdateVal(store,val){}
},
modules:{
//子模块
}
})
export default store;
获取辅助函数:
mapState获取状态 mapGetters获取处理过的状态数据 mapMutations获取修改状态的mutation方法 mapActions获取actions方法
个人日常的笔记
浙公网安备 33010602011771号