美文网首页
vue2 组件相互调用导致报错

vue2 组件相互调用导致报错

作者: IamaStupid | 来源:发表于2020-10-10 14:51 被阅读0次

报错信息: did you register the component correctly? For recursive components, make sure to provide the "name" option.

情景:组件A调用组件B,组件B里面又调用组件A,在B又调用A这一步就报错了。
应该是A文件里面import B,B文件里面有import A导致的,所以为了打断这种循环调用,把A组件调用写到main.js里面,做成公共组件。
解决办法:

main.js

import A from '@/com/A'

Vue.component('A', 'A')

这样B使用A的时候就不用再import了,直接使用<A>即可

参考:https://segmentfault.com/a/1190000016483310

相关文章

网友评论

      本文标题:vue2 组件相互调用导致报错

      本文链接:https://www.haomeiwen.com/subject/eoklyktx.html