//局部注冊
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.component("my-compoent",mycomponent) <!--這樣就注冊了一個全局組件-->
new Vue({
el:"#app"
})