vue中全域性註冊元件

2021-10-07 19:37:58 字數 527 閱讀 1698

1在main.js中全域性註冊公用元件，多個頁面都用到的元件就不用引入多次。

import myplugin from


'@/components/common/index.js'


vue.


use(myplugin)


//全域性元件
2 在公共元件中需要新建乙個index.js檔案進行註冊處理。

import loadmore from


'./dataloading.vue'


//下滑載入更多 


import searchfirstlevel from


'./searchfirstlevel.vue'


//一級公共搜尋頭部


import searchsecondlevel from


'./searchsecondlevel.vue'


//二級公共搜尋頭部 


export


default


}
3 鏈結位址

vue全域性註冊元件的template

在全域性註冊vue元件時 注意全域性註冊必須在vue例項化之前宣告 template選項可以寫我們的頁面結構，也可以傳乙個id，當傳的是頁面結構模板時，最後渲染出來的是結構模板裡面的內容。但是，如果當乙個模板很複雜時，為了維護性以及 易讀性，可以對模板進行抽離，然後在全域性註冊的模板的templat...

vue註冊元件

下面是建立乙個新的構造器，元件構造器 const hello vue.extend my hello元件註冊，第二個引數傳入的是擴充套件的構造器 vue.component my hello hello my world元件註冊，第二個引數傳入的是選項物件 vue.component my worl...

VUE註冊元件

在註冊乙個元件的時候，我們始終需要給它乙個名字。比如在全域性註冊的時候我們已經看到了 vue.component my component name 該元件名就是 vue.component 的第乙個引數。你給予元件的名字可能依賴於你打算拿它來做什麼。當直接在 dom 中使用乙個元件 而不是在字串模...