在例項化Vue之前註冊元件

2021-08-28 07:18:20 字數 434 閱讀 2257

一直打算看vue的官方文件自學的萌新

元件化應用構建

1.在入門學習元件的時候碰到乙個問題,在使用元件的時候,按照官方文件把**複製進去,

在js中

});vue.component('todo-item2', );

在html中,

結果瀏覽器報錯:

unknown custom element: - did you register the component correctly? for recursive components, make sure to provide the 「name」 option

結果發現應該在例項化vue之前註冊元件,即在js中交換一下**的順序

vue.component('todo-item2', );

});

哦了

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

vue動態註冊元件

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