vue2 组件相互调用导致报错

Posted 2023-05-05

参考技术A 报错信息： 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里面，做成公共组件。
解决办法：

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

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

vue 子父组件相互调用的方法 2018-11-09

参考技术A 以下内容只是我个人学习时的记录，可能与实际有偏差，大佬勿怪

1传值（父传子）
父组件给子组件传值 借助 props

父组件：
传一个叫做 put_child 的变量给子组件

子组件：
子组件在 props 中定义接受的变量，然后就能使用

2传值（子传父）
子组件给父组件传值，通过 $emit

父组件：
在父组件中绑定一个属性,同时定义一个方法接受，子组件发送过来的数据

子组件：
调用 $emit 传给父组件上绑定的属性，剩下的就是父组件处理了

3.调用方法(子调父)
目前只掌握了，同$emit传值给父一样,同上这里就不写出了

4.调用方法(父用子)
父组件：
在父组件中 ref 属性 定义一个变量，当我使用 this.$refs.变量 会把子组件对象返回，这样我们就可以调用子组件的方法