vue3父子组件通信

html 复制代码
//父传字
const car=ref("给子的数据")
<save-template :car="car"/>
//子接收
defineProps(["car"])


function Callpage(){
	console.log("test")
}
function save(){
	emit("btSave",要返回的值)
}
//暴露方法给父调用
defineExpose({Callpage})
//返回给父组件值
const emit=defineEmits(["btSave"])

//父
const savetemp =ref("")
<save-template @btSave="test" ref="savetemp"/>
function test(res){
	console.log(res)
	savetemp.value.Callpage()
}
相关推荐
虹科网络安全3 分钟前
艾体宝新闻|从 SQL 注入到服务器接管:CVE-2026-57517 暴露 Web 管理面板的供应链与安全编码风险
服务器·前端·sql
糖果店的幽灵9 分钟前
langgraph的四种state解析
java·前端·javascript·langgraph
顺颂时绥_122 分钟前
前端大图片压缩与安卓/苹果设备矫正实践
前端
Allshadow23 分钟前
Nest.js - 目录结构
javascript·nestjs
Csvn25 分钟前
JSON.parse 大数精度丢失:一个让前后端互相甩锅的 Bug
前端
Simon_He27 分钟前
AI 对话里的流式 Markdown 为什么难:从不完整 Token 到增量渲染
vue.js
张元清31 分钟前
React useCookie Hook:把 Cookie 变成响应式状态(2026)
javascript·react.js
达子66634 分钟前
第4章_图解HarmonyOS 的结构
vue.js
Helen_cai44 分钟前
OpenHarmony 项目统一全局样式、尺寸、色彩主题封装 ThemeUtil(API23)
开发语言·前端·javascript·华为·harmonyos
郑州光合科技余经理1 小时前
家政O2O平台解析:从0搭建上门预约小程序解决方案
android·java·开发语言·前端·小程序·架构·php