vue3子父组件之间通信
一.父组件向子组件传值
方法一
1) 在子组件上自定义一个属性,属性名随意 ,属性值是你要传的参数。
2)子组件通过defineProps去接受子组件传过来的参数,并定义类型(String、Number、Boolean、Array)
3)在子组件中通过watch监听接收值的变化,也可直接获取接收值
方法二
1.子组件中定义父组件需要调用的方法
2.将方法暴露出去
3.父组件中添加子组件的ref索引
4.通过ref索引到子组件并调用子组件暴露的方法(方法中可以加需要传递给子组件的参数)
二.子组件向父组件传值
1.在子组件声明一个任意常量,用于定义传输参数的方法,名字自定义
2.同时在子组件中定义一个方法去触发emit这个方法
3. 父组件中子组件标签上加一个方法,调用方法参数就是子组件传给父组件的参数