vue獲取全域性元件 解析Vue全域性元件和區域性元件

2021-10-13 09:49:22 字數 420 閱讀 7405

vue中元件分為兩種:

1. 全域性元件

2. 區域性元件

接下來我們看看兩種元件的區別:

一、使用範圍:

全域性元件使用範圍:可以在頁面中任何位置使用

區域性元件使用範圍:只能在定義它的el中使用,不能再其他位置使用,否則就無法生效

二、定義元件的方法:

全域性元件:可以使用vue.component(tagname,options)定義全域性元件

區域性元件:可以通過vue例項中component屬性定義區域性元件

vue中的元件可以擴充套件html元素,用於封裝可復用的**,但是全域性元件不需要掛載,但是不是很常用,盡量少在全域性上使用元件,這樣的話會影響瀏覽器的效能,而區域性元件必須要手動掛載,不然會沒有效果

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

也可以使用模板引擎

vue獲取全域性元件 Vue 全域性元件自動註冊

在 vue 中,我們通過 vue.component mycomponentname 的方式來進行全域性元件註冊,但如果需要全域性註冊的元件很多,這時 就會變得比較臃腫,例如 12 註冊 5 個全域性元件 import examplecomponent1 from components exampl...

Vue全域性元件註冊

最近編寫專案中,會應用到很多基礎元件,起初採用了區域性註冊進行使用,但區域性註冊對於開發人員並不友好,每個階段都要經歷import檔案匯入,component檔案註冊兩個階段,開發效率不高,於是採用了全域性註冊方式,引用基礎元件,但全域性元件會在初次渲染的時候一次性匯入,造成系統比較卡頓。於是,想到...

Vue 開發全域性元件

有時候專案中有一些元件,比如 loading toast等等,經常用到的,可以封裝好,註冊成全域性元件,這時候就要使用vue的指令 vue.extend以 toast 為例子,開發乙個 toast 全域性元件,只是簡易版的哈,彈出來然後消失那種 二 目錄結構 toast.vue 主要是寫html 以...