vue 解決循環(huán)引用組件報錯的問題
更新時間：2018年09月06日 15:21:17 作者：lx_1024
今天小編就為大家分享一篇vue 解決循環(huán)引用組件報錯的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
做項目時遇到使用循環(huán)組件，因為模式一樣，只有數(shù)據(jù)不一樣。但是按照普通的組件調用格式來做時報錯，錯誤信息為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)調用組件時，組件比vue實例后創(chuàng)建，官方文檔里寫組件必須先于實例化引入，所以說組件沒有正確的引入。
解決的方式是全局引入組件，并且在vue實例化前。
具體代碼如下：若在項目中，一般是在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)引用組件報錯的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了vue開發(fā)公共組件之返回頂部，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
Vue使用高德地圖搭建實時公交應用功能（地圖 + 附近站點+線路詳情 + 輸入提示+換乘詳情）
這篇文章主要介紹了vue中使用高德地圖搭建實時公交應用（地圖 + 附近站點+線路詳情 + 輸入提示+換乘詳情），主要是讓大家熟悉下高德地圖在vue中的使用及vue的常用指令,需要的朋友可以參考下2018-05-05
axios的封裝和api接口的統(tǒng)一管理，其實主要目的就是在幫助我們簡化代碼和利于后期的更新維護，在vue項目中，和后臺交互獲取數(shù)據(jù)這塊，我們通常使用的是axios庫，本文就給大家介紹一下axios封裝與api接口封裝管理,需要的朋友可以參考下2023-06-06
vue中動態(tài)渲染數(shù)據(jù)時使用$refs無效的解決
這篇文章主要介紹了vue中動態(tài)渲染數(shù)據(jù)時使用$refs無效的解決方案，具有很好的參考價值。希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
Vue-DPlayer是一個易于使用、高性能的基于Vue.js的視頻播放器組件,本文給大家介紹Vue DPlayer詳細使用,本文將從四個方面對Vue-DPlayer進行詳細的闡述,感興趣的朋友一起看看吧2023-10-10
這篇文章主要介紹了vue3使用深度選擇器修改樣式問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了Vue如何根據(jù)角色獲取菜單動態(tài)添加路由,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
vue源碼學習之Object.defineProperty 對數(shù)組監(jiān)聽
這篇文章主要介紹了vue源碼學習之Object.defineProperty 對數(shù)組監(jiān)聽，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
這篇文章主要介紹了vue動態(tài)加載路由的3種方式總結，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要介紹了Vue通過ref獲取不到$refs問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01