如何在父事件發生后調用子（或任何其他）組件中的方法？

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。 從字面上看，您可以從任何地方到任何地方收聽和發射。 即，父子，子父，兄弟姐妹，非兄弟姐妹等。