use-dynamic-mount

动态挂载 vue 组件

Installtion

npm i use-dynamic-mount

Usage

import Vue from 'vue'
import useDynamicMount from 'use-dynamic-mount'

Vue.use(useDynamicMount(), {
  name: '$toast',
  extend: {
    data: () => ({ message: '' }),
    render(h) {
      return h('span', this.message)
    }
  }
})

this.$toast({ message: 'hello world' })

Options

参数名	说明	类型	默认值
name	方法名	String	$dynamicMount
extend	挂载的组件 (必填)	VNode	-
nextTick	挂载后的回调	Function	-
className	挂载节点自定义 class	String	dynamic-element
defaultOption	extand 组件默认配置	Record<string, any>	{}

Example