1. 程式人生 > >vue 解決迴圈引用元件報錯

vue 解決迴圈引用元件報錯

做專案時遇到使用迴圈元件,因為模式一樣,只有資料不一樣。但是按照普通的元件呼叫格式來做時報錯,錯誤資訊為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 }
})