50Vue 元件的使用（全域性註冊）

元件（component）是 vue.js 最強大的功能之一。元件可以擴充套件 html 元素，封裝可重用的**。在較高層面上，元件是自定義元素， vue.js 的編譯器為它新增特殊功能。在有些情況下，元件也可以是原生 html 元素的形式，以 is 特性擴充套件。

1.註冊

之前說過，我們可以通過以下方式建立乙個 vue 例項：

new vue()

vue.component('my-component', )

元件在註冊之後，便可以在父例項的模組中以自定義元素的形式使用。要確保在初始化根例項 之前 註冊了元件：

html**：

// 註冊

vue.component('my-component', )
// 建立根例項
new vue()

Vue全域性元件註冊

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

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

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

vue之全域性元件註冊

註冊全域性vue元件，避免多次匯入 註冊 1.建立乙個index.js檔案 匯入元件 import bigimg from bigimg let vue bigimg.install function vue,options 匯出元件 export default bigimg 2.全域性使用，繫結...