vue3组件通信:defineEmits和defineModel

defineEmits

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

defineModel

简单传参

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

带名称的传参

多个传参

相关推荐
秋天的一阵风几秒前
🎥解决前端 “复现难”:rrweb 录制回放从入门到精通(下)
前端·开源·全栈
林恒smileZAZ几秒前
【Vue3】我用 Vue 封装了个 ECharts Hooks
前端·vue.js·echarts
颜酱1 分钟前
用填充表格法-继续吃透完全背包及其变形
前端·后端·算法
代码猎人2 分钟前
new操作符的实现原理是什么
前端
程序员小李白5 分钟前
定位.轮播图详细解析
前端·css·html
前端小菜鸟也有人起8 分钟前
浏览器不支持vue router
前端·javascript·vue.js
奔跑的web.10 分钟前
Vue 事件系统核心:createInvoker 函数深度解析
开发语言·前端·javascript·vue.js
携欢16 分钟前
[特殊字符] 一次经典Web漏洞复现:修改序列化对象直接提权为管理员(附完整步骤)
前端·安全·web安全
晨旭缘17 分钟前
前端视角 | 从零搭建并启动若依后端(环境配置)
前端
江公望21 分钟前
VUE3中,reactive()和ref()的区别10分钟讲清楚
前端·javascript·vue.js