Vue 组件互相调用产生冲突问题的解决

场景描述：A组件内嵌C组件，B组件在A组件内使用C组件插槽呈现，B组件内嵌A组件
bug：产生冲突，报错组件A和B未被注册（实际上已在components内被注册）
解决办法：在components里进行注册

代码：
refundDetails组件：使用refund组件，并使用插槽，插入refundInfo组件

        <refund>
          <div slot='refundList'>
            <refundInfo></refundInfo>
          </div>
        </refund>

js内注册组件：

		components: {
			refund,
			refundInfo: () => import('./refundInfo.vue')
		},

refundInfo组件：使用refundDetails组件

<refundDetails></refundDetails>

js内注册组件：

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