今天小編給大家分享一下vue全局組件和局部組件的區(qū)別有哪些的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來(lái)了解一下吧。
10年積累的網(wǎng)站制作、成都網(wǎng)站制作經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶(hù)對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶(hù)得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先建設(shè)網(wǎng)站后付款的網(wǎng)站建設(shè)流程,更有蘆淞免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
區(qū)別:1、使用范圍不同,全局組件可以在頁(yè)面中任何位置使用,局部組件只能在定義它的el中使用,能再不其他位置使用,否則就無(wú)法生效。2、定義組件的方法不同,全局組件可以使用“Vue.component(tagName,options)”定義,局部組件可以通過(guò)Vue實(shí)例中component屬性定義。
Vue中組件分為兩種:
全局組件
局部組件
接下來(lái)我們看看兩種組件的區(qū)別:
一、使用范圍:
全局組件使用范圍:可以在頁(yè)面中任何位置使用
局部組件使用范圍:只能在定義它的el中使用,能再不其他位置使用,否則就無(wú)法生效
二、定義組件的方法:
全局組件:可以使用Vue.component(tagName,options)定義全局組件
局部組件:可以通過(guò)Vue實(shí)例中component屬性定義局部組件
Vue中的組件可以擴(kuò)展HTML元素,用于封裝可復(fù)用的代碼,但是全局組件不需要掛載,但是不是很常用,盡量少在全局上使用組件,這樣的話(huà)會(huì)影響瀏覽器的性能,而局部組件必須要手動(dòng)掛載,不然會(huì)沒(méi)有效果
在自定義組件時(shí)由于有些元素允許包含的元素有限制,所以大家在使用的時(shí)候要注意:例如
但是我們可以使用is屬性來(lái)解決這個(gè)問(wèn)題
也可以使用模板引擎
以上就是“vue全局組件和局部組件的區(qū)別有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。