vue学习笔记之vuex动态注册模块

2019-04-14 21:08发布

vuex动态注册模块

vuex动态注册模块是利用store的registerModule方法实现的,下面具体看一下相关代码:

注册模块

export default { methods: { register() { this.$store.registerModule('模块名称'{ state: {}, getters: {}, mutations: {}, actions: {} }) } } }

已有模块动态注册子模块

export default { methods: { register() { this.$store.registerModule(['已有模块名称','子模块名称']{ state: {}, getters: {}, mutations: {}, actions: {} }) } } }

vuex模块小知识

在非根模块的模块内,调用action访问或修改根模块的state参数可以通过 rootState,rootGetters参数访问。具体代码如下
actions.js const actions = { ACTIONS({commit,dispatch,getters,state,rootState,rootGetters}) { // } }; export default actions; 完整的actions参数如上面代码所示,其中 rootState、rootGetters是根模块的state和getters,其他则是本模块内的参数。