html 中怎么使用vue,组件中如何使用vue.entend？

组件中如何使用vue.entend？

vue.extend创建的是一个组件构造器，不是直接过载在vue的示例对象，

可以理解为构造了一个和vue组件内部有一样结构的对象，因此需要在vue上进行注册才能使用

最终还是要通过Vue.components注册才可以使用的。// 创建构造器

var Profile = Vue.extend({

template: '

{{extendData}}实例传入的数据为:{{propsExtend}}

',//template对应的标签最外层必须只有一个标签

data: function () {

return {

extendData: '这是extend扩展的数据',

}

},

props:['propsExtend']

})

// 创建 Profile 实例，并挂载到一个元素上。可以通过propsData传参.

new Profile({propsData:{propsExtend:'我是实例传入的数据'}}).$mount('#app-extend')

结论: Vue.extend实际是创建一个构造器，对应的初始化构造器，并将其挂载到标签上