vue全域性註冊元件的template

2021-10-09 09:29:31 字數 332 閱讀 1895

在全域性註冊vue元件時(注意全域性註冊必須在vue例項化之前宣告),template選項可以寫我們的頁面結構,也可以傳乙個id,

當傳的是頁面結構模板時,最後渲染出來的是結構模板裡面的內容。

但是,如果當乙個模板很複雜時,為了維護性以及**易讀性,可以對模板進行抽離,然後在全域性註冊的模板的template的選項中傳乙個templat標籤的id,(但是template模板要放在el選項的元素外面),最後渲染出來的是template標籤中的內容。

vue中全域性註冊元件

1在main.js中全域性註冊公用元件,多個頁面都用到的元件就不用引入多次。import myplugin from components common index.js vue.use myplugin 全域性元件2 在公共元件中需要新建乙個index.js檔案進行註冊處理。import load...

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 中使用乙個元件 而不是在字串模...