vue-dynamic-plugin

vue-dynamic

解决自定义弹出层组件的复用问题(2.0语法使用ts 完善插槽文字 整体做法做了更新) 支持插槽 具名插槽 instance中包含大部分你需要的参数、组件 （instance.$children[0] === instance.$refs.childInstance ） 修复文档使用DynamicUi 不在支持传入String静态模板

Build Setup

# install dependencies
npm i vue-dynamic-plugin

#how to use
import DynamicUi from vue-dynamic-plugin
Vue.use(DynamicUi, {     plugin =>注入项目中实际使用的插件
  router,
  store,
  i18n
})
this.$dynamic（dom, ComponentsView, data, emit, slots）：promise
dom=>实际使用中你的动态元素将会插入的节点 注意是dom节点(this.$ref.xx || document.getelementby)
ComponentsView=>可以传入Vue组件
data=>ComponentsView中需要的props数据
emit=>事件传递事件   {'eventName':[...method]}  一般使用在子传父的事件绑定中 由$emit('eventName',data)调用
slots=>[{...VNodeData}]
方法的实现由Promise完成
this.$dynamic().then({instance })
instance.destroyUi()销毁添加的元素 同时执行destroy周期
instance.$refs.childInstance 包含子实例方法 as this.$refs
案例：
 this.$dynamic(dom:element, ViewDetail, { test: 1 }, {
        'closePage': [this.closePage.bind(this)],
        'refresh': [this.refresh.bind(this)],
        'update': [this.getList.bind(this)]
      },[{
        child: Test2,
        template: {}
      }])