vue 解決循環(huán)引用組件報(bào)錯(cuò)的問題
做項(xiàng)目時(shí)遇到使用循環(huán)組件,因?yàn)槟J揭粯?,只有?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)建,官方文檔里寫組件必須先于實(shí)例化引入,所以說(shuō)組件沒有正確的引入。
解決的方式是全局引入組件,并且在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ò)的問題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue使用高德地圖搭建實(shí)時(shí)公交應(yīng)用功能(地圖 + 附近站點(diǎn)+線路詳情 + 輸入提示+換乘詳情)
這篇文章主要介紹了vue中使用高德地圖搭建實(shí)時(shí)公交應(yīng)用(地圖 + 附近站點(diǎn)+線路詳情 + 輸入提示+換乘詳情),主要是讓大家熟悉下高德地圖在vue中的使用及vue的常用指令,需要的朋友可以參考下2018-05-05vue中動(dòng)態(tài)渲染數(shù)據(jù)時(shí)使用$refs無(wú)效的解決
這篇文章主要介紹了vue中動(dòng)態(tài)渲染數(shù)據(jù)時(shí)使用$refs無(wú)效的解決方案,具有很好的參考價(jià)值。希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-01-01Vue如何根據(jù)角色獲取菜單動(dòng)態(tài)添加路由
這篇文章主要介紹了Vue如何根據(jù)角色獲取菜單動(dòng)態(tài)添加路由,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01vue源碼學(xué)習(xí)之Object.defineProperty 對(duì)數(shù)組監(jiān)聽
這篇文章主要介紹了vue源碼學(xué)習(xí)之Object.defineProperty 對(duì)數(shù)組監(jiān)聽,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05vue動(dòng)態(tài)加載路由的3種方式總結(jié)
這篇文章主要介紹了vue動(dòng)態(tài)加載路由的3種方式總結(jié),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-06-06