vue3 setup语法糖父子组件的通信


在setup语法糖中父子组件的写法有两种
1、第一种用defineProps和defineEmits
(1) 父组件传值给子组件,子组件用defineProps接收
父组件代码:






HelloWorld 子组件代码:







(2) 子组件用 defineEmits 传递给父组件信息
HelloWorld子组件








父组件





2、父组件使用ref获取子组件的实例,从而获取子组件的变量和方法。但是要注意子组件无论是方法还是变量都要用defineExpose暴露出去,否则父组件是接收不到的。
子组件:







父组件: