vue3组件通信:defineEmits和defineModel

defineEmits

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

defineModel

简单传参

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

带名称的传参

多个传参

相关推荐
雮尘10 小时前
如何在非 Claude IDE (TARE、 Cursor、Antigravity 等)下使用 Agent Skills
前端·agent·ai编程
icebreaker10 小时前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker10 小时前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
wuhen_n10 小时前
代码生成:从AST到render函数
前端·javascript·vue.js
喝咖啡的女孩10 小时前
浏览器前端指南
前端
wuhen_n10 小时前
AST转换:静态提升与补丁标志
前端·javascript·vue.js
喝咖啡的女孩10 小时前
浏览器前端指南-2
前端
cxxcode10 小时前
从 V8 引擎视角理解微任务与宏任务
前端
destinying11 小时前
性能优化之实战指南:让你的 Vue 应⽤跑得飞起
前端·javascript·vue.js
徐小夕12 小时前
JitWord Office预览引擎:如何用Vue3+Node.js打造丝滑的PDF/Excel/PPT嵌入方案
前端·vue.js·github