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()
}
相关推荐
lichenyang4536 分钟前
鸿蒙 Stage 模型到底是什么?一篇讲清 Ability、EntryAbility 和入口文件为什么这么设计
前端
JSMSEMI1121 分钟前
JSM12N60C 600V N沟道增强型功率MOSFET
开发语言·javascript·ecmascript
ihuyigui23 分钟前
国际商超零售短信接口
大数据·前端·后端·架构·零售
Yan-英杰23 分钟前
从零玩转搜索引擎 API: 多引擎整合实战
服务器·前端·microsoft
Spider_Man28 分钟前
Claude Code Hooks:给 AI 助手装上"安全带"
前端·ai编程·claude
lichenyang45332 分钟前
HarmonyOS 6.0 ArkUI 循环渲染:ForEach、LazyForEach 和 Repeat 到底怎么选?
前端
Captaincc1 小时前
置身钉内:一个 AI 办公产品的理想、失焦与组织困境
前端·程序员
零陵上将军_xdr1 小时前
后端转全栈学习-Day6-JavaScript 基础-4
前端·javascript·学习
川冰ICE1 小时前
JavaScript实战②|电商网站交互效果,轮播图与购物车
开发语言·javascript·交互
凌云拓界1 小时前
状态机与思考循环 ——CogitoAgent开发实战(一)
javascript·人工智能·架构·node.js·设计规范