vue3 组件之间的通讯方式

vue组件通信方式 简单易懂代码简洁

1. 父传子

   父组件在子组件标签上 通过v-bind动态绑定要传送的值 :title="要传递的参数"

   子组件通过 一下接收：

2. 子传父

子组件内

---通过defineEmits定义方法，然后通过emit派发方法和参数

父组件

在子标签上接收方法

然后使用

3.兄弟组件之间传递参数 有几种方法 ，个人认为最简单最容易理解的就是 provide 和 inject

provide 和 inject 任意层次的组件之间进行数据的传递和共享 就算是祖孙组件传值也可以

eventBus 兄弟组件通讯方法2

其实还有很多方法， 比如使用仓库 vuex pinia 管理数据 ， mitt 等等...