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()
}
相关推荐
JYeontu1 分钟前
实现一个超萌的柯基交互输入框
前端
天蓝色的鱼鱼10 分钟前
Vite 8:从“混动”到“纯电”,构建性能提升10倍+
前端·vite
dreams_dream10 分钟前
XSS类型
前端·xss
wuhen_n10 分钟前
副作用的概念与effect基础:Vue3响应式系统的核心
前端·javascript·vue.js
张3蜂11 分钟前
Vue.js-知识体系
前端·javascript·vue.js
Cache技术分享12 分钟前
333. Java Stream API - 按年份找出合作最多的作者对:避免 Optional.orElseThrow() 的风险
前端·后端
用户6000718191015 分钟前
【翻译】元素与 Children 属性
前端·react.js
Mintopia18 分钟前
又快又好的前端界面软件是怎么做出来的
前端
青青家的小灰灰19 分钟前
深入解析 React 中的 useEffect:副作用管理的艺术与科学
前端·react.js
wuhen_n20 分钟前
effect函数的完整实现与追踪:深入Vue3响应式核心
前端·javascript·vue.js