vue組件局部與全局注冊的區別


//局部注冊

 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"

})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM