使用use註冊Vue全域性元件和全域性指令

2021-08-14 10:12:55 字數 598 閱讀 9231

vue中的元件和指令分為區域性元件、區域性指令和全域性元件、全域性指令。對於註冊有一定數量的全域性指令和全域性元件時,官方文件中的方法就顯得有些不夠清爽了。

import eg from '../components/eg.vue';

export

default

(vue)=>

import components from

'./plugins/components.js';

vue.use(components);

經過上述編寫後,就註冊了全域性元件eg。

在需要註冊多個全域性元件的情況下,使用這種方式就顯得更加清爽!

以v-focus指令為例:

directives.js:

export

default

(vue)=>

})}

import directives from

"./plugins/directives.js"

vue.use(directives);

這樣就註冊了全域性指令

Vue 全域性元件。通過use註冊

在你寫頁面的時候,是不是經常有這樣乙個苦惱!就是相同的元件,每個頁面都要引入,並加入components 應用場景如 1.全域性的 prompt 元件,用來給使用者彈出乙個提示!2.loading 元件,希望呼叫this.loading.就可以顯示,而不需要過多的import引入!其實很簡單,只要想...

Vue註冊區域性元件和全域性元件

1.新建components目錄,方便管理和修改 2.component資料夾下新建vueaudio元件,注意要用駝峰命名法或者短橫線命名法 export default 3.引用元件 import vueaudio from components vueaudio export default 1...

Vue全域性元件註冊

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