技术栈

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 智能系统(前置介绍)
下一篇:电子学会青少年机器人技术(三级)等级考试试卷-实操题(2025年9月)
相关推荐
IT_陈寒
4 分钟前
Python开发者的效率革命:这5个技巧让你的代码提速50%!
前端·人工智能·后端
Luna-player
5 分钟前
Vue 3 + Vue Router 的路由配置,简单示例
前端·javascript·vue.js
用户6937175001384
6 分钟前
不卷AI速度,我卷自己的从容——北京程序员手记
android·前端·人工智能
xiaotao131
13 分钟前
03. 原子化 CSS 思想
前端·css·tailwind
小小亮01
25 分钟前
qiankun的面试题
前端
爱宇阳
1 小时前
Nuxt4 + Tailwind CSS v4 自定义响应式断点完整指南
前端·css·nuxt4
Jutick
1 小时前
揭秘低延迟:WebSocket 实时行情如何拯救你的量化策略?——Python 生产级实现
前端
~欲买桂花同载酒~
1 小时前
项目优化-vite打包优化
前端·javascript·vue.js
林夕sama
1 小时前
多线程基础(五)
java·开发语言·前端
热门推荐
01GitHub 镜像站点02Qwen3.5 开源全解析:从 0.8B 到 397B,代际升级 + 全场景选型指南03围棋-html版本04小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)05班级宠物园部署指南06OpenClaw 使用和管理 MCP 完全指南07AI 编程三剑客:Spec-Kit、OpenSpec、Superpowers 深度对比与实战指南08UV安装并设置国内源09OpenClaw Control UI安全上下文访问配置10“wsl --install -d Ubuntu-22.04”下载慢,中国地区离线安装 Ubuntu 22.04 WSL方法(亲测2025年5月6日)