vue递归调用组件报错

递归调用组件报错

递归调用组件时报错

问题描述

涉案组件：组件A和组件B
组件A中调用组件B，组件B是组件A的子组件。组件B 在使用过程中需要再调用组件A，形成了递归。
导致报错如下：

Unknown custom element: <MyComponent> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

问题解决

递归组建调用要用另外的方法import，在components里面引入要递归调用的组件，这样就不会报错了

components: {
    
    
  MyComponent: () => import('./MyComponent.vue')
}

这样就可以解决问题啦

参考文章：stackoverflow