服务式组件定义
javascript 可直接调用
一、vue2定义方式
1.1 以最简单的loading为例
import Vue from 'vue'
import loading from './b-loading.vue'
// 创建构造函数
// 通过 Vue.extend
// 将一个组件传入进去
const LoadingConstructor = Vue.extend(loading)
// 在组件的原型上挂载close方法
LoadingConstructor.prototype.close = function(){
// 当调用close 的时候,this为组件实例对象
this.loading = false
}
const instance = new LoadingConstructor({
// 作为渲染根节点
el:document.createElement('div'),
// 在loading 组件中的props中进行接收
propsData:{
}
})
const Loading = (