做項目時遇到使用循環組件，因為模式一樣，只有數據不一樣。但是按照普通的組件調用格式來做時報錯，錯誤信息為Unknown custom element: <pop> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

查詢了官方文檔，還有其他的資料，發現是循環調用組件時，組件比vue實例后創建，官方文檔里寫組件必須先于實例化引入，所以說組件沒有正確的引入。

解決的方式是全局引入組件，并且在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 解決循環引用組件報錯的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。