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()
}
相关推荐
当时只道寻常14 小时前
Vue3 集成 NProgress 进度条:从入门到精通
前端·vue.js
kyriewen14 小时前
React性能优化:从“卡成狗”到“丝般顺滑”的5个秘诀
前端·react.js·性能优化
米丘14 小时前
Vue 3.x 单文件组件(SFC)模板编译过程解析
前端·vue.js·编译原理
helloweilei14 小时前
Web Streams 简介
前端·javascript
悟空瞎说14 小时前
Flutter热更新 Shorebird CodePush 原理、实现细节及费用说明
前端·flutter
didadida26214 小时前
从“不存在”的重复请求,聊到 Web 存储的深坑
前端
xiaominlaopodaren14 小时前
Three.js 渲染原理-透明渲染为什么这么难
前端
米丘14 小时前
vue3.x 内置指令有哪些?
前端·vue.js
米丘14 小时前
Vue 3.x 模板编译优化:静态提升、预字符串化与 Block Tree
前端·vue.js·编译原理