registerModule: 动态注册vuex模块,对于自定义生成组件很有用

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: {}
  })
}

结尾

源码地址

相关推荐