解決vue 引入子組件報(bào)錯(cuò)的問(wèn)題
更新時(shí)間：2018年09月06日 16:29:14 作者：hellow_world_
今天小編就為大家分享一篇解決vue 引入子組件報(bào)錯(cuò)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
錯(cuò)誤信息：
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已有的標(biāo)簽作為自定義標(biāo)簽
修改方案：
<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>
修復(fù)結(jié)果： ok！
以上這篇解決vue 引入子組件報(bào)錯(cuò)的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要和大家一起聊一聊Vue.js過(guò)渡效果、CSS 過(guò)渡效果、純 JavaScript過(guò)渡效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
Vue 封裝防刷新考試倒計(jì)時(shí)組件的實(shí)現(xiàn)
這篇文章主要介紹了Vue 封裝防刷新考試倒計(jì)時(shí)組件的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
這篇文章主要介紹了Vue.js?前端路由和異步組件介紹，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-09-09
vue實(shí)現(xiàn)數(shù)字+英文字母組合鍵盤(pán)功能
這篇文章主要介紹了vue實(shí)現(xiàn)數(shù)字+英文字母組合鍵盤(pán)功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
vue-cli腳手架創(chuàng)建項(xiàng)目遇到的坑及解決
這篇文章主要介紹了vue-cli腳手架創(chuàng)建項(xiàng)目遇到的坑及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
vue3升級(jí)常見(jiàn)問(wèn)題詳細(xì)匯總
隨著vue3?的發(fā)布和越來(lái)越多項(xiàng)目的使用,之前使用?vue2?的項(xiàng)目也不能拉下,vue2?升級(jí)?vue3?迫在眉睫,下面這篇文章主要給大家介紹了關(guān)于vue3升級(jí)常見(jiàn)問(wèn)題的相關(guān)資料,需要的朋友可以參考下2023-03-03
詳解如何解決vue開(kāi)發(fā)請(qǐng)求數(shù)據(jù)跨域的問(wèn)題(基于瀏覽器的配置解決)
這篇文章主要介紹了詳解如何解決vue開(kāi)發(fā)請(qǐng)求數(shù)據(jù)跨域的問(wèn)題(基于瀏覽器的配置解決)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-11-11
vue/react單頁(yè)應(yīng)用后退不刷新方案
本文主要介紹了vue/react單頁(yè)應(yīng)用后退不刷新方案，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
Vue手把手教你擼一個(gè) beforeEnter 鉤子函數(shù)
這篇文章主要介紹了Vue手把手教你擼一個(gè) beforeEnter 鉤子函數(shù)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04
vue關(guān)于頁(yè)面刷新的幾個(gè)方式解讀
這篇文章主要介紹了vue關(guān)于頁(yè)面刷新的幾個(gè)方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05