vue 解決循環(huán)引用組件報(bào)錯(cuò)的問(wèn)題
做項(xiàng)目時(shí)遇到使用循環(huán)組件，因?yàn)槟Ｊ揭粯?，只有?shù)據(jù)不一樣。但是按照普通的組件調(diào)用格式來(lái)做時(shí)報(bào)錯(cuò)，錯(cuò)誤信息為Unknown custom element: <pop> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
查詢了官方文檔，還有其他的資料，發(fā)現(xiàn)是循環(huán)調(diào)用組件時(shí)，組件比vue實(shí)例后創(chuàng)建，官方文檔里寫(xiě)組件必須先于實(shí)例化引入，所以說(shuō)組件沒(méi)有正確的引入。
解決的方式是全局引入組件，并且在vue實(shí)例化前。
具體代碼如下：若在項(xiàng)目中，一般是在main.js里引入
import pop from "@/views/popViews/pop.vue"
Vue.component('questionPop', questionPop)
new Vue({
el: '#app',
router,
store,
template: '<App/>',
components: { App }
})
以上這篇vue 解決循環(huán)引用組件報(bào)錯(cuò)的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue開(kāi)發(fā)公共組件之返回頂部，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
Vue使用高德地圖搭建實(shí)時(shí)公交應(yīng)用功能（地圖 + 附近站點(diǎn)+線路詳情 + 輸入提示+換乘詳情）
這篇文章主要介紹了vue中使用高德地圖搭建實(shí)時(shí)公交應(yīng)用（地圖 + 附近站點(diǎn)+線路詳情 + 輸入提示+換乘詳情），主要是讓大家熟悉下高德地圖在vue中的使用及vue的常用指令,需要的朋友可以參考下2018-05-05
axios的封裝和api接口的統(tǒng)一管理，其實(shí)主要目的就是在幫助我們簡(jiǎn)化代碼和利于后期的更新維護(hù)，在vue項(xiàng)目中，和后臺(tái)交互獲取數(shù)據(jù)這塊，我們通常使用的是axios庫(kù)，本文就給大家介紹一下axios封裝與api接口封裝管理,需要的朋友可以參考下2023-06-06
vue中動(dòng)態(tài)渲染數(shù)據(jù)時(shí)使用$refs無(wú)效的解決
這篇文章主要介紹了vue中動(dòng)態(tài)渲染數(shù)據(jù)時(shí)使用$refs無(wú)效的解決方案，具有很好的參考價(jià)值。希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
Vue-DPlayer是一個(gè)易于使用、高性能的基于Vue.js的視頻播放器組件,本文給大家介紹Vue DPlayer詳細(xì)使用,本文將從四個(gè)方面對(duì)Vue-DPlayer進(jìn)行詳細(xì)的闡述,感興趣的朋友一起看看吧2023-10-10
這篇文章主要介紹了vue3使用深度選擇器修改樣式問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
Vue如何根據(jù)角色獲取菜單動(dòng)態(tài)添加路由
這篇文章主要介紹了Vue如何根據(jù)角色獲取菜單動(dòng)態(tài)添加路由,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
vue源碼學(xué)習(xí)之Object.defineProperty 對(duì)數(shù)組監(jiān)聽(tīng)
這篇文章主要介紹了vue源碼學(xué)習(xí)之Object.defineProperty 對(duì)數(shù)組監(jiān)聽(tīng)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
vue動(dòng)態(tài)加載路由的3種方式總結(jié)
這篇文章主要介紹了vue動(dòng)態(tài)加載路由的3種方式總結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要介紹了Vue通過(guò)ref獲取不到$refs問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01