vue3组件通信:defineEmits和defineModel

defineEmits

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

defineModel

简单传参

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

带名称的传参

多个传参

相关推荐
未来龙皇小蓝6 小时前
RBAC前端架构-02:集成Vue Router、Vuex和Axios实现基本认证实现
前端·vue.js·架构
晓得迷路了6 小时前
栗子前端技术周刊第 116 期 - 2025 JS 状态调查结果、Babel 7.29.0、Vue Router 5...
前端·javascript·vue.js
顾北126 小时前
AI对话应用接口开发全解析:同步接口+SSE流式+智能体+前端对接
前端·人工智能
摸鱼的春哥6 小时前
春哥的Agent通关秘籍07:5分钟实现文件归类助手【实战】
前端·javascript·后端
念念不忘 必有回响7 小时前
viepress:vue组件展示和源码功能
前端·javascript·vue.js
C澒7 小时前
多场景多角色前端架构方案:基于页面协议化与模块标准化的通用能力沉淀
前端·架构·系统架构·前端框架
崔庆才丨静觅7 小时前
稳定好用的 ADSL 拨号代理,就这家了!
前端
江湖有缘7 小时前
Docker部署music-tag-web音乐标签编辑器
前端·docker·编辑器
恋猫de小郭8 小时前
Flutter Zero 是什么?它的出现有什么意义?为什么你需要了解下?
android·前端·flutter
崔庆才丨静觅14 小时前
hCaptcha 验证码图像识别 API 对接教程
前端