1. 程式人生 > 其它 >vue 元件互想巢狀報錯

vue 元件互想巢狀報錯

技術標籤:vuevue

vue兩個元件互相巢狀,你中有我,我中有你,互為對方的父元件和子元件。然後某個元件就會報錯:[Vue warn]: Unknown custom element: <元件名> - did you register the component correctly? For recursive components, make sure to provide the "name" option.百度了下,大部分網友都給支招,直接在main.js中註冊元件可以破局。然而,我不喜歡這樣的方式。。。。。。。。。。

經過幾番查詢,終於有個哥們甩了個連結:

官方指導

哇,解決問題方法get!

或者,在本地註冊元件的時候,你可以使用 webpack 的非同步import

components: {
  TreeFolderContents: () => import('./tree-folder-contents.vue')
}

這樣問題就解決了!

官方好牛,請接收小菜鳥的膜拜。