一直打算看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的樣...