vue3子父组件之间通信

vue3子父组件之间通信

一.父组件向子组件传值
方法一
1） 在子组件上自定义一个属性，属性名随意 ，属性值是你要传的参数。

2）子组件通过defineProps去接受子组件传过来的参数，并定义类型(String、Number、Boolean、Array)

3）在子组件中通过watch监听接收值的变化，也可直接获取接收值

方法二
1.子组件中定义父组件需要调用的方法

2.将方法暴露出去

3.父组件中添加子组件的ref索引

4.通过ref索引到子组件并调用子组件暴露的方法(方法中可以加需要传递给子组件的参数)

二.子组件向父组件传值
1.在子组件声明一个任意常量，用于定义传输参数的方法，名字自定义

2.同时在子组件中定义一个方法去触发emit这个方法

3. 父组件中子组件标签上加一个方法，调用方法参数就是子组件传给父组件的参数