vue3 setup语法糖父子组件的通信
在setup语法糖中父子组件的写法有两种
1、第一种用defineProps和defineEmits
(1) 父组件传值给子组件,子组件用defineProps接收
父组件代码:
HelloWorld 子组件代码:
我是hello页面
{{msg}}
(2) 子组件用 defineEmits 传递给父组件信息
HelloWorld子组件
我是hello页面
{{msg}}
父组件
2、父组件使用ref获取子组件的实例,从而获取子组件的变量和方法。但是要注意子组件无论是方法还是变量都要用defineExpose暴露出去,否则父组件是接收不到的。
子组件:
我是child1页面
父组件: