const state = {
name:'',
age:11
}
const _getters = {}
const _mutations = {}
for (let k in state) {
_getters[k] = state => state[k]
// mutation 以set开头加state名驼峰
_mutations['set'+k.replace(/[a-z]/, (L) => L.toUpperCase())] = (state,payload)=>{
state[k] = payload
}
}
const actions = {
action(context){
context.commit('setName','TOM')
}
}
const getters = {
... _getters,{getter1(){},getter2(){}}
}
const mutations = {
... _mutations,{mutation1(){},mutation2(){}}
}
const store = new Vuex.Store({
state,getters,actions,mutations
})
export default store
Vuex根据state 生成 getters 、mutations
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 一 创建测试项目 vue init webpack-simple vuedemo 二 进入demo目录 cd vu...
- Vuex是什么? Vuex是Vue配套的公共数据管理工具,我们可以将共享的数据保存到Vuex中,方便项目中的任何组...
- 思路:样式是一数组格式, 示例:style={[styles.bg, {opacity: this.state.f...
- 为了让大家更加简单明了,下面带大家从基础做起(ง •̀_•́)ง 使用Vue-cli来构建项目 开始项目之前,要先...