解決vue 引入子組件報錯的問題
更新時間：2018年09月06日 16:29:14 作者：hellow_world_
今天小編就為大家分享一篇解決vue 引入子組件報錯的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
錯誤信息：
Do not use built-in or reserved HTML elements as component id: header
源碼：
<script>
import header from "./components/header"
import aside from "./components/aside"
import footer from "./components/footer"
export default {
name: 'layout',
components: {
header: header,
aside: aside,
footer: footer
}
}
</script>
原因：
vue里面不允許使用 Html已有的標簽作為自定義標簽
修改方案：
<script>
import header from "./components/header"
import aside from "./components/aside"
import footer from "./components/footer"
export default {
name: 'layout',
components: {
'v-header': header,
'v-aside': aside,
'v-footer': footer
}
}
</script>
修復結果： ok！
以上這篇解決vue 引入子組件報錯的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue在body和query中如何向后端傳參，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了nuxt.js 緩存實踐，nuxt 的緩存可以分為 組件級別緩存 , API級別緩存 以及 頁面級別緩存，本文就詳細的介紹了這三種緩存，感興趣的小伙伴們可以參考一下2018-06-06
這篇文章主要介紹了vue如何轉換時間格式為年月日時分秒和年月日(補零),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
VUE使用docxtemplater導出word文檔實例(帶圖片)
docxtemplate支持的功能很多,語法包含變量替換、條件判斷、循環(huán)、列表循環(huán)、表格循環(huán)等,下面這篇文章主要給大家介紹了關于VUE使用docxtemplater導出word功能(帶圖片)的相關資料,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了使用異步組件優(yōu)化Vue應用程序的性能，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-04-04
在開發(fā)中我們想要給一個組件的顯示和消失添加某種過渡動畫,可以很好的增加用戶體驗,下面這篇文章主要給大家介紹了關于如何快速上手Vue3過渡動畫的相關資料,需要的朋友可以參考下2022-02-02
今天小編就為大家分享一篇Vue調用后端java接口的實例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
Vue.js+Layer表格數(shù)據(jù)綁定與實現(xiàn)更新的實例
下面小編就為大家分享一篇Vue.js+Layer表格數(shù)據(jù)綁定與實現(xiàn)更新的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要為大家詳細介紹了vue自定義可選時間的日歷組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
隨著Web技術的不斷發(fā)展,前端開發(fā)也正日新月異,下面這篇文章主要給大家介紹了關于前端vue中實現(xiàn)嵌入代碼編輯器的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-07-07