registerModule: 动态注册vuex模块

<div class="reference">在 store 创建之后，你可以使用 store.registerModule 方法注册模块： registerModule</div>

动态注册vuex模块，对于自定义生成组件很有用
<!--more-->

实现方案

• html

<div>
  {{message}}
  <div style="color: red; font-size: 20px">注册前后store中modules对比：</div>
  <div v-for="(item, key, index) in $store.state">{{key}} {{item}}</div>
  <Button type="primary" size="small" @click="registerModule">registerModule</Button>
</div>

• js

registerModule () {
  this.$store.registerModule('registerModule', {
    state: {},
    mutations: {},
    actions: {},
    getters: {}
  })
}

结尾

源码地址