父传子
父组件
<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)
},