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上

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄