vue2组件通信跟vue3的区别

Vue2中的组件通信主要依赖于props和事件（$on/$emit）这两种机制。props用于父子组件间的单向数据流，子组件从父组件接收数据，而事件则是通过自定义事件来触发回调，实现组件之间的消息传递。

Vue3引入了更加强大的API，主要包括以下变化：

1. **Props API优化**：Vue3中的props使用了更加严格的模式，如`<template v-bind:foo="bar">`简化为`<template :foo=bar>`，并且提供了默认值和类型验证等功能。

2. **Ref和Computed的引入**：Vue3中引入了ref和computed属性，使得组件状态管理更加灵活，ref用于存储和读取复杂的值，比如DOM元素，而computed则类似于Vue2中的计算属性，但提供了更好的性能和更新机制。

3. **自定义指令（Custom Directives）的改进**：Vue3的自定义指令可以实现更高级的组件交互，比如v-model，v-once等，提供了更丰富的功能。

4. **Provide/Inject API**：这是一种新的父子组件通信方式，允许单向数据流动，并且支持深层次的数据注入，取代了之前的$parent/$children查找。

5. **Composition API**：这是一个全新的开发模式，让开发者可以用函数式的方式组织组件内部的逻辑，提供了更灵活的组件结构和更高的代码复用性。

总结一下，Vue3在组件通信上提供了更多的灵活性、性能优化以及更现代的编程模式，使得代码组织更为清晰和高效。