技术栈

vue3组件通信:defineEmits和defineModel

玲玲5122025-10-30 14:12

defineEmits

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

defineModel

简单传参

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

带名称的传参

多个传参

上一篇:基于 Spring AI Alibaba 搭建 Text-To-SQL 智能系统(前置介绍)
相关推荐
温柔5329
2 小时前
仓颉语言异常捕获机制深度解析
java·服务器·前端
温宇飞
3 小时前
ECS 系统的一种简单 TS 实现
前端
shenshizhong
3 小时前
鸿蒙HDF框架源码分析
前端·源码·harmonyos
凌晨起床
3 小时前
Vue3 对比 Vue2
前端·javascript
clausliang
3 小时前
实现一个可插入变量的文本框
前端·vue.js
yyongsheng
3 小时前
SpringBoot项目集成easy-es框架
java·服务器·前端
fruge
3 小时前
前端工程化流程搭建与配置优化指南
前端
东芃9394
3 小时前
uniapp上传blob对象到后台
前端·javascript·uni-app
coding随想
4 小时前
救命!网页还在偷偷耗电?浏览器Battery API事件教你精准控电,这5个场景用了都说香
前端
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03BongoCat - 跨平台键盘猫动画工具04GitLab 零基础入门指南:从安装到项目管理全流程05Linux下V2Ray安装配置指南06NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南07Labelme从安装到标注:零基础完整指南08在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)09安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)10jdk21下载、安装(Windows、Linux、macOS)