VUE註冊元件

2022-09-06 02:33:12 字數 355 閱讀 1781

在註冊乙個元件的時候,我們始終需要給它乙個名字。比如在全域性註冊的時候我們已經看到了:

vue.component('my-component-name', )

該元件名就是 vue.component 的第乙個引數。

你給予元件的名字可能依賴於你打算拿它來做什麼。當直接在 dom 中使用乙個元件 (而不是在字串模板或單檔案元件) 的時候,我們強烈推薦遵循 w3c 規範中的自定義元件名 (字母全小寫且必須包含乙個連字元)。這會幫助你避免和當前以及未來的 html 元素相衝突。

附上乙個小例子

vue註冊元件

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

vue動態註冊元件

vue的架構思想,其實就是想按元件化開發,提公升前端的模組復用性,因此在開發過程中,元件的巢狀是很正常的需求。例如以下需求 在index.vue頁面想呼叫元件a,a的頁面有兩種樣式,分別為b,和c,想在index.vue呼叫兩個a元件,並且a元件包含有b和c樣式。那麼在開發的時候,我習慣把b和c的樣...

vue中全域性註冊元件

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