vue全局組件和局部組件的區(qū)別有哪些

今天小編給大家分享一下vue全局組件和局部組件的區(qū)別有哪些的相關(guān)知識點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。

10年積累的網(wǎng)站制作、成都網(wǎng)站制作經(jīng)驗(yàn),可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你,你也不認(rèn)識我。但先建設(shè)網(wǎng)站后付款的網(wǎng)站建設(shè)流程,更有蘆淞免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

區(qū)別:1、使用范圍不同,全局組件可以在頁面中任何位置使用,局部組件只能在定義它的el中使用,能再不其他位置使用,否則就無法生效。2、定義組件的方法不同,全局組件可以使用“Vue.component(tagName,options)”定義,局部組件可以通過Vue實(shí)例中component屬性定義。

Vue中組件分為兩種:

  • 全局組件

  • 局部組件

接下來我們看看兩種組件的區(qū)別:

一、使用范圍:

全局組件使用范圍:可以在頁面中任何位置使用

局部組件使用范圍:只能在定義它的el中使用,能再不其他位置使用,否則就無法生效

二、定義組件的方法:

全局組件:可以使用Vue.component(tagName,options)定義全局組件

vue全局組件和局部組件的區(qū)別有哪些

局部組件:可以通過Vue實(shí)例中component屬性定義局部組件

vue全局組件和局部組件的區(qū)別有哪些

Vue中的組件可以擴(kuò)展HTML元素,用于封裝可復(fù)用的代碼,但是全局組件不需要掛載,但是不是很常用,盡量少在全局上使用組件,這樣的話會影響瀏覽器的性能,而局部組件必須要手動掛載,不然會沒有效果

在自定義組件時(shí)由于有些元素允許包含的元素有限制,所以大家在使用的時(shí)候要注意:例如<select>,在這種情況下,可以使用 is 特性進(jìn)行了擴(kuò)展的原生 HTML 元素

vue全局組件和局部組件的區(qū)別有哪些

但是我們可以使用is屬性來解決這個(gè)問題

vue全局組件和局部組件的區(qū)別有哪些

也可以使用模板引擎

vue全局組件和局部組件的區(qū)別有哪些

以上就是“vue全局組件和局部組件的區(qū)別有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學(xué)習(xí)更多的知識,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前題目:vue全局組件和局部組件的區(qū)別有哪些
本文來源:http://bm7419.com/article0/pscjoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、小程序開發(fā)、面包屑導(dǎo)航關(guān)鍵詞優(yōu)化、微信公眾號、品牌網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司