父传子
父组件
<template>
<sonComponent :sendValue="value(//传递的值)"></sonComponent>
</template>
//引入组件
import sonComponent from "XXXXX";
子组件
//定义名字与父组件对应const props = defineProps({
sendValue:{type: String,default:''}
})
子传父
子组件
// 定义发送const emit = defineEmits(['sendValue'])
//发送（在想传参的时候调用方法）
function psendValuet(){
emit('sendValue',value(//传递的值))
}
父组件 (@xxxx需要和子组件对应)
<template>
<sonComponent @sendValue="getValue(//绑定方法)"></sonComponent>
</template>
// 获取子组件值
function getValue(val){
console.log(val)文章来源：https://www.toymoban.com/news/detail-468303.html
},文章来源地址https://www.toymoban.com/news/detail-468303.html
到了这里，关于VUE3父子组件传参的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
