我的Vue之旅（2）

2020-10-22

仿照教程動手搞了一個Vue的組件化構(gòu)建應(yīng)用的Demo, 嗯，對，就是仿照，我一點都不覺得可恥。關(guān)于Vue組件化給我的感覺就是自己寫一些
類似于HTML中的 h1, a, p這樣的標(biāo)簽，然后可以在自己的應(yīng)用中直接引用。但相對單純的HTML中的標(biāo)簽，Vue的自定義組件更加靈活，
尤其是在使用props進(jìn)行數(shù)據(jù)傳遞之后。

關(guān)于自定義組件，在運行的時候也是踩了一個小坑，最初我定義的組件代碼時這樣的

Vue.component('myComponent',{         // 這是自定義我自定義的組件
    props:['fruit'],
    template: '<li> {{fruit.name}}</li>'
})

結(jié)果及時頁面上一片空白，打開console發(fā)現(xiàn)它報了個這樣的錯誤
Unknown custom element: <myComponent> - did you register the component correctly? For recursive components, make sure to provide the "name" option

上網(wǎng)查了一下，原來是和自定義組件的命名有關(guān)，這坑爹的竟然不能有大寫。我只好妥妥的將myComponent改成mycomponent,當(dāng)然啦，
改完之后也如預(yù)期效果一樣，能夠正常引用了。

Examples: Demo2.html
Github: ?https://github.com/jvxiao/vue-road

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容