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()
}
相关推荐
在水一缸2 分钟前
警惕供应链陷阱:从 Red Hat npm 恶意包事件看依赖安全防护
前端·安全·npm·供应链安全·red hat·恶意包·依赖安全
川冰ICE7 分钟前
JavaScript进阶③|Map_Set_WeakMap_WeakSet,新型数据结构
开发语言·javascript·数据结构
天下无贼!8 分钟前
【功能实现】前端动态表单的实现原理与三种场景实战
前端
小雨下雨的雨10 分钟前
鸿蒙PC用Electron框架 实现 房产交易系统核心算法深度解析
前端·javascript·算法·华为·electron·鸿蒙系统
snow@li10 分钟前
前端:本地电脑和服务器,本质上都是一台计算机。
运维·服务器·前端
吹个口哨写代码16 分钟前
IIS 部署 Vue/React 单页应用 (SPA) 刷新页面 404/403.18 报错原因及终极解决方案
前端·vue.js·react.js
向日的葵00617 分钟前
前端生成实战手册:从提示词到高完成度页面
前端·页面设计
粉末的沉淀17 分钟前
前端:谷歌浏览器拒绝自动播放语音
前端
LongJ_Sir18 分钟前
Cesium-浅水方程的简单实现
javascript
爱学习的程序媛20 分钟前
Flutter 深度解析:从技术内核到名企实践
前端·flutter·前端框架