vue -- 组件构造器(extend)
extend创建的是一个组件构造器,而不是一个具体的组件实例,最终还是要通过Vue.component注册才可以使用
组件构造器相当于Vue.component()方法的第二个参数部分
const Loading = Vue.extend({
template: ``,
data () {
return {
hello: ''
}
}
})
// 注册局部组件
Vue.component('loading', Loading)
组件构造器实例化后,传入的data数据需要放在propsData中
SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。new Loading({
propsData: {
hello: '你好'
}
}).$mount('#div')
$mount()方法表示将组件挂载,#div表示挂载到id为div的DOM上

更多精彩