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()
}
相关推荐
hexu_blog4 分钟前
前端vue后端springboot如何实现图片格式转换
前端·javascript·vue.js
代码煮茶4 分钟前
Vue3 项目规范实战 | ESLint+Prettier+Git Hooks 搭建前端代码规范体系
前端·javascript·vue.js
米丘5 分钟前
新一代代码格式化工具 Oxfmt/Oxlint
前端·rust·前端工程化
韭菜炒大葱13 分钟前
讲讲 浏览器的缓存机制
前端·面试·浏览器
AI砖家15 分钟前
DeepSeek TUI 保姆级安装配置全指南 -Windows||macOS双平台全覆盖
服务器·前端·人工智能·windows·macos·ai编程·策略模式
Apache01223 分钟前
chrome调试打开,让AI来操作浏览器
前端·chrome
lbaihao27 分钟前
LLVM Cpu0 调用规则解析
开发语言·前端·python·llvm
hexu_blog43 分钟前
前端vue 后端springboot如何实现图片去水印
前端·javascript·vue.js
whuhewei1 小时前
React搜索框组件
前端·javascript·react.js
姓王者1 小时前
Cloudflare Pages自定义依赖安装实践 | 姓王者的博客
前端