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()
}
相关推荐
copyer_xyf1 分钟前
Python 函数全面总结
前端·后端·python
时寒的笔记2 分钟前
瑞数案例欧冶解读py和js文件最终版
开发语言·javascript·ecmascript
怕浪猫5 分钟前
Electron 开发实战(十):应用打包与分发|全平台打包、签名、自定义协议实战
前端·javascript·electron
我是伪码农10 分钟前
小程序175-200
前端·javascript·小程序
懂懂tty13 分钟前
Vue3 编译优化
前端·javascript·vue.js
踩着两条虫18 分钟前
VTJ.PRO v2.4.0 多人协作与 AI 批量识图实战评测
vue.js·人工智能·低代码·figma
低保和光头哪个先来19 分钟前
源码篇 生命周期
前端·javascript·vue.js
持敬chijing20 分钟前
Web渗透之SQL注入-盲注(布尔盲注,时间盲注)
前端·sql·oracle
AI_零食21 分钟前
鸿蒙PC Electron框架天天饮水应用深度解析:健康饮水管理系统
javascript·华为·信息可视化·electron·开源·鸿蒙
NGINX开源社区31 分钟前
NGINX Ingress Controller 中的 Cache Policy:VirtualServer 实战指南
java·前端·nginx