vue -- 组件构造器(extend)

extend创建的是一个组件构造器，而不是一个具体的组件实例，最终还是要通过Vue.component注册才可以使用 组件构造器相当于Vue.component()方法的第二个参数部分

const Loading = Vue.extend({ template: ``, data () { return { hello: '' } } }) // 注册局部组件 Vue.component('loading', Loading)

组件构造器实例化后，传入的data数据需要放在propsData中

new Loading({ propsData: { hello: '你好' } }).$mount('#div')

$mount()方法表示将组件挂载，#div表示挂载到id为div的DOM上

转载于:https://www.cnblogs.com/zjh-study/p/10737329.html