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 分钟前
HarmonyOS开发 - 电商App实例二( 网络请求http)
前端·http·华为·typescript·harmonyos·ark-ts
沈剑心3 分钟前
Kotlin的协程,真能提升编程效率么?
android·前端·kotlin
ZXT13 分钟前
项目精讲 - keepAlive
vue.js
堕落年代13 分钟前
Vue主流的状态保存框架对比
前端·javascript·vue.js
没资格抱怨15 分钟前
el-pagination的使用说明
javascript·vue.js·elementui
沐千熏20 分钟前
Liunx(CentOS-6-x86_64)使用Nginx部署Vue项目
vue.js·nginx·centos
OpenTiny社区24 分钟前
TinyVue的DatePicker 组件支持日期面板单独使用啦!
前端·vue.js
冴羽24 分钟前
Svelte 最新中文文档教程(22)—— Svelte 5 迁移指南
前端·javascript·svelte
树上有只程序猿28 分钟前
Vue3组件通信:多个实战场景,轻松玩转复杂数据流!
前端·vue.js
青红光硫化黑33 分钟前
React基础之useEffect
javascript·react.js·ecmascript