//局部注册
var mycomponent = new extend({ <!--Vue.extend()是Vue构造器的扩展,调用Vue.extend()我们将创建一个组件构造器-->
template:"<div>我是局部注册</>"
})
new Vue({
el:"#app",
components:{ <!--components是实现局部注册的属性-->
"my-component":mycomponent
}
}) <!--这样我们组件就能应用在id=app的标签里面,其他地方不能应用,会报错!
如果想组件在任何地方都能应用,我们就需要注册全局组件-->
//全局注册
var mycomponent = new extend({
template:"<div>我是全局组件,能在任何地方应用哦</div>"
})
Vue.compoent("my-compoent",mycomponent) <!--这样就注册了一个全局组件-->
new Vue({
el:"#app"
})
时间: 2024-10-29 19:08:39