vue模块化设计

微笑、不失礼 提交于 2019-11-26 16:09:45
Vue.component('mv-modal', require('../marvel/modal.vue'));

核心model.vue

<template>
  <div :key="mkey">
    <component v-for="name in modalMap[mkey]" :is="mkey+'-'+name" :key="name"></component>
  </div>
</template>
<script>
  import Vue from 'vue'
  import Bus from './bus';

  /*
    增加服务的接口
  * */
  Bus.modalMap={};
  Bus.addModalComponent = function (model,mkey) {
    if (Bus.modalMap[mkey].indexOf(model.name) === -1) {
      Bus.modalMap[mkey].push(model.name)
      Vue.component(mkey+"-" + model.name, model);
    }
  }

  export default {
    name: 'modal',
    data: function () {
      if(!Bus.modalMap[this.mkey]){
        Bus.modalMap[this.mkey]=[]
      }
      return {
        "modalMap": Bus.modalMap
      }
    },

    props: ['mkey'],
  };
</script>

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!