vue3组件通信:defineEmits和defineModel

defineEmits

  • 作用:用于声明组件可以触发的事件(即子组件向父组件通信)。
  • 通过 emit('eventName', payload) 触发事件,父组件可以通过 @eventName 监听。

defineModel

简单传参

  • 在 Vue 3.3+ 中引入,替代传统的 props + emit 方式。
  • 直接绑定到组件的 v-model ,无需手动处理 propsemit

带名称的传参

多个传参

相关推荐
xw521 分钟前
前端跨标签页通信方案(下)
前端·javascript
zzlyx991 小时前
IoTSharp前端VUE采用npm run build编译提示require() of ES Module 出错
前端·vue.js·npm
全栈技术负责人1 小时前
拒绝“无法复现”:前端全链路日志排查实战手册
前端·全链路·问题排查思路
加洛斯1 小时前
前端小知识003:JS中 == 与 === 的区别
开发语言·前端·javascript
b***9101 小时前
【SpringBoot3】Spring Boot 3.0 集成 Mybatis Plus
android·前端·后端·mybatis
G***E3161 小时前
前端路由懒加载实现,Vue Router与React Router
前端·vue.js·react.js
Jonathan Star2 小时前
前端需要做单元测试吗?哪些适合做?
前端·单元测试·状态模式
eason_fan2 小时前
解决 Monorepo 项目中 node-sass 安装失败的 Python 版本兼容性问题
前端·debug
q***73552 小时前
删除文件夹,被提示“需要来自 TrustedInstaller 的权限。。。”的解决方案
android·前端·后端
小满zs2 小时前
Next.js第八章(路由处理程序)
前端