vue 组件嵌套异常

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

问题：组件引入失败，并未拼写错误或未注册
原因：归根结底还是组件之间的循环引用造成的问题，
有两个组件称为 A 和 B，
模块系统发现它需要 A，但是首先 A 依赖 B，但是 B 又依赖 A，但是 A 又依赖 B，如此往复。
这变成了一个循环，不知道如何不经过其中一个组件而完全解析出另一个组件。
官方给的解决方法就是异步加载组件 （https://vuejs.bootcss.com/guide/components-edge-cases.html#%E5%BE%AA%E7%8E%AF%E5%BC%95%E7%94%A8）。

错误写法：
import A  from './A'
异步引入写法：
const  A = () => import('./A')