如何在父事件发生后调用子（或任何其他）组件中的方法？

Question

像这样的一个问题：
在一个事件之后如何在vue3中调用另一个组件中的方法？
为 vue2 找到了这个解决方案
this.$refs.myComponent.myMethod()
但是在 vue3 + 组合 api 中，如果没有“这个”，它应该如何工作？

如果这是不可能的，那么有什么替代方案？
事件本身发生在以下代码中：
（例如，我们可以获取一个组件的 resize 事件并设置一个任务 - 在它之后，激活另一个组件内的方法）

 <Vue3DraggableResizable class="chartApp"
     @resizing="print('resizing')"
   >

怎么可能实现它？

Answer 1

不确定它们是否是最佳实践，但在这里我们是 go。

1. 我认为你可以看到你的道具发生变化并触发这样的事件

   import { watch, toRefs } from 'vue' const props = defineProps({ yourReactiveProp: Boolean }) const { yourReactiveProp } = toRefs(props) // this is reactive watch( () => yourReactivePropn.value, (newVal) => { yourMethod() // you can pass the new value also. })

2. 您可以使用手套package。 从字面上看，您可以从任何地方到任何地方收听和发射。 即，父子，子父，兄弟姐妹，非兄弟姐妹等。