[vue] 暴露组件为一个Vue实例(用于在js调用组件。类似this.$toast

首先写好一个组件

[vue] 暴露组件为一个Vue实例(用于在js调用组件。类似this.$toast

然后将他转为vue实例,并且暴露实例

 

import Vue from 'vue'
import Component from './index.vue'

const Loading = Vue.extend(Component)

const instance = new Loading({
  el: document.createElement('div')
})

instance.show = () => {
  instance.value = true
  document.body.appendChild(instance.$el)
}

instance.hide = () => {
  document.body.removeChild(instance.$el)
}

export default instance

  如果需要全局注册,暴露install方法即可

 

上一篇:vue中的并发处理


下一篇:菜鸡的安卓教程:登陆界面