数码资讯
vue3.2父子组件传递
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
1、父传子
父:<HelloWorld :msg=msg_hellow />
子接收: ts的写法:defineProps<{ msg: string }>()
js的写法:cosnt props=defineProps({
msg:{
type:String,
default:()=>"没有传值显示的默认值"
}
})
2、子传父
子:
const emit=defineEmits([
'el-child'
])
//发送
emit('el-child',count.value)
父:
@el-child="TestEmit"
const TestEmit=(v:any)=>{
console.log("接收到子组件的值",v)
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。