做項目時遇到使用循環組件,因為模式一樣,只有數據不一樣。但是按照普通的組件調用格式來做時報錯,錯誤信息為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 解決循環引用組件報錯的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。