vuex
Posted anziran
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuex相关的知识,希望对你有一定的参考价值。
vuex可以用来存放组件状态(state)
new Vuex.Store({
state:{
//存放数据
},
getters:{
//从state中分离出新数据
},
mutations:{
//修改数据
},
actions:{
//异步获取数据
},
modules:{
//数据过多时,我们应该将不同组件的数据分模块划分
}
})
修改state的唯一方式就是提交mutation
commit()
组件中使用commit this.$store.commit(‘mutation名字‘,‘数据‘)
action中需要需要先从参数中获取commit
actions:{
//actionName(context){}
actionName({commit}){
commit(‘mutation‘)
}
}
action中进行异步操作,想要调用action,需要使用dispatch(‘actionname‘,数据)
如果我们使用了module
那么module中建议添加选项namespaced:true
添加了namespaced:true 之后我们对应的getters mutation哟及actions都会变成
模块名/gettername
模块名/mutationname
模块名/actionname
以上是关于vuex的主要内容,如果未能解决你的问题,请参考以下文章