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()
}
相关推荐
恋猫de小郭1 分钟前
Apple 的 ANE 被挖掘,AI 硬件公开,宣传的 38 TOPS 居然是"数字游戏"?
前端·人工智能·ios
小岛前端6 分钟前
Node.js 宣布重大调整,运行十年的规则要改了!
前端·node.js
OpenTiny社区6 分钟前
OpenTiny NEXT-SDK 重磅发布:四步把你的前端应用变成智能应用
前端·javascript·ai编程
梦想CAD控件22 分钟前
在线CAD开发包结构与功能说明
前端·javascript·vue.js
张拭心27 分钟前
春节后,有些公司明确要求 AI 经验了
android·前端·人工智能
时光不负努力28 分钟前
typescript常用的dom 元素类型
前端·typescript
小怪点点33 分钟前
大文件切片上传
前端
时光不负努力34 分钟前
TS 常用工具类型
前端·javascript·typescript
SuperEugene35 分钟前
Vue状态管理扫盲篇:Vuex 到 Pinia | 为什么大家都在迁移?核心用法对比
前端·vue.js·面试
张拭心38 分钟前
Android 17 来了!新特性介绍与适配建议
android·前端