问在react或vuejs中的组件之间进行通信时，使用回调和事件有什么不同？

EN

道具通常不是一种方法，而是表示某种程序状态的数据项。尽管子程序可以(.sync)修改道具并将更改传播到父级，但最常见的情况是子节点只从父节点接收道具并反映来自父方的更新。

事件是一种表示发生了什么事情的方式，就像用户单击一个按钮一样。该组件分发一个事件，以便父组件(或任何其他组件)能够更改状态(状态将通过支持向下传播)。

通常的规则是道具属于孩子，事情由父母决定。

区别主要是语义上的。

你可以从父母那里监听孩子的一个事件，比如：<child @child-event="callbackMethod">

在内部发生的事情基本上与通过道具传递回调相同：callbackMethod将在内部注册为要在$emit事件child-event中执行的回调。

因此，在我的书中，它的优势在于它的明确性：

• 当我在子程序中发出事件时，任何阅读我的代码的人都会立即清楚地知道，我想要与外界交流一些东西。
• 另一方面，当我在子模板中执行回调时，读者必须意识到，这个函数不是子函数的内部method，而是来自父模板的prop，因此将在父模板的作用域中执行回调。
• 父模板也是如此:通过查看模板，我可以立即看到传递给城镇:a-prop="data"的是什么，以及当子元素发出事件：@some-event=callback"时将执行什么回调。
• 有了道具中的回调，我必须依赖于道具的良好命名来传达这样的信息:这不是“数据向下”，而是一个回调来获得“备份”。