vue-mount-component-to-dom

1. mount vue component to dom

2. add component instance to Vue.prototype, you can call functions directly in vue

Usage

mountComponent(
  _vue: Vue | VueConstructor<Vue>,
  protoName: string,
  vueCompConf: VueConstructor<Vue>,
  el: HTMLElement = document.body   // optional. default is document.body
)

Demo

/**
 * file: main.js
 */
import Vue from "vue"
import { Toast } from "@/src/components/Toast/index.vue"
 
import mountComponent from "vue-mount-component-to-dom"
mountComponent(Vue, "$Toast", Toast)
 
/**
 * file: somePage.vue
 */
export default class SomePage extends Vue {
  showTip() {
    // you can call `this.$Toast` directly
    this.$Toast.show()
  }
}

License

MIT