Element Plus Vue3 桌面组件库。在开发 Vue 3.x 页面时调用，使用 Element Plus 组件（如 el-button、el-input、el-form、el-table 等）。
Element Plus Vue3 组件库技能
功能概述
Element Plus Vue3 组件库技能是一项面向实际任务的技能，主要用于Element Plus，一套基于 Vue 3.0 的桌面端组件库，由 Element 社区维护，是 Element UI 的 Vue 3 升级版本；在以下场景中自动调用此技能：；
核心要点
- 开发 Vue 3.x 桌面端页面时；
- 使用 el- 前缀的组件时（如 el-button , el-input , el-form , el-table。
- 它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。
使用与执行
从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。
结果检查与注意事项
执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。该技能适合用于一次性任务，也可以接入自动化工作流，与其他技能或上层代理配合完成更完整的业务链路；在组合使用时，应明确每一步的输入输出关系，并避免不同步骤之间出现参数冲突。
Element Plus Vue3 组件库技能
Element Plus，一套基于 Vue 3.0 的桌面端组件库，由 Element 社区维护，是 Element UI 的 Vue 3 升级版本。
触发条件
在以下场景中自动调用此技能：
- 开发 Vue 3.x 桌面端页面时
- 使用
el-前缀的组件时（如el-button,el-input,el-form,el-table等） - 需要表单、表格、弹窗、导航、反馈等桌面端 UI 组件时
- 需要使用 Composition API（
表单组件（Composition API）
男 女 提交 重置 表格组件（Composition API）
编辑 删除 完整文档列表
指南类（18 篇）
- design - 设计原则
- nav - 导航指南
- installation - 安装指南
- quickstart - 快速开始
- i18n - 国际化指南
- migration - 从 Element UI 升级
- theming - 主题指南
- dark-mode - 暗黑模式指南
- namespace - 自定义命名空间
- custom-defaults - 自定义默认值
- ssr - SSR 指南
- transitions - 内置过渡动画
- changelog - 更新日志
- dev-guide - 开发指南
- dev-faq - 开发常见问题
- commit-examples - 提交示例
- translation - 翻译指南
- resource - 资源
基础组件（12 个）
- button - Button 按钮
- border - Border 边框
- color - Color 色彩
- container - Container 布局容器
- icon - Icon 图标
- layout - Layout 布局
- link - Link 链接
- text - Text 文本
- scrollbar - Scrollbar 滚动条
- space - Space 间距
- splitter - Splitter 分隔面板
- typography - Typography 排版
配置组件（1 个）
- config-provider - Config Provider 全局配置
表单组件（25 个）
- form - Form 表单
- input - Input 输入框
- input-number - Input Number 数字输入框
- input-tag - Input Tag 标签输入框
- input-otp - Input OTP
- autocomplete - Autocomplete 自动补全
- select - Select 选择器
- select-v2 - Virtualized Select 虚拟化选择器
- cascader - Cascader 级联选择器
- checkbox - Checkbox 多选框
- radio - Radio 单选框
- switch - Switch 开关
- slider - Slider 滑块
- time-picker - Time Picker 时间选择器
- time-select - Time Select 时间选择
- date-picker - Date Picker 日期选择器
- datetime-picker - DateTime Picker 日期时间选择器
- color-picker - Color Picker 颜色选择器
- color-picker-panel - ColorPickerPanel 颜色面板
- date-picker-panel - DatePickerPanel 日期面板
- upload - Upload 上传
- rate - Rate 评分
- transfer - Transfer 穿梭框
- tree-select - TreeSelect 树形选择
- mention - Mention 提及
数据展示组件（23 个）
- table - Table 表格
- table-v2 - Virtualized Table 虚拟化表格
- tag - Tag 标签
- progress - Progress 进度条
- tree - Tree 树形控件
- tree-v2 - Virtualized Tree 虚拟化树
- pagination - Pagination 分页
- badge - Badge 标记
- avatar - Avatar 头像
- skeleton - Skeleton 骨架屏
- empty - Empty 空状态
- descriptions - Descriptions 描述列表
- result - Result 结果
- statistic - Statistic 统计数值
- card - Card 卡片
- carousel - Carousel 走马灯
- collapse - Collapse 折叠面板
- timeline - Timeline 时间线
- calendar - Calendar 日历
- image - Image 图片
- infinite-scroll - Infinite Scroll 无限滚动
- tour - Tour 漫游式引导
- segmented - Segmented 分段控制器
导航组件（9 个）
- menu - Menu 菜单
- tabs - Tabs 标签页
- breadcrumb - Breadcrumb 面包屑
- page-header - Page Header 页头
- dropdown - Dropdown 下拉菜单
- steps - Steps 步骤条
- affix - Affix 固钉
- anchor - Anchor 锚点
- backtop - Backtop 回到顶部
反馈组件（11 个）
- alert - Alert 提示
- loading - Loading 加载
- message - Message 消息提示
- message-box - Message Box 消息弹框
- notification - Notification 通知
- dialog - Dialog 对话框
- drawer - Drawer 抽屉
- tooltip - Tooltip 文字提示
- popover - Popover 弹出框
- popconfirm - Popconfirm 气泡确认框
其他组件（2 个）
- divider - Divider 分割线
- watermark - Watermark 水印
热门AI工具
相关专题
本教程系统讲解 Vue.js 路由管理与状态管理两大核心技能，助你构建健壮的单页应用。路由部分涵盖 Vue Router 4 的安装配置、动态路由参数传递、嵌套路由布局及导航守卫实现登录鉴权，配合路由懒加载优化首屏性能。状态管理部分深入 Pinia 的 Store 定义、Actions 异步处理与 Getters 派生状态，结合 localStorage 实现用户登录态持久化。通过电商后台管理系统的实战案例，你将掌握路由与状态协同工作的
230
2026.05.15
本专题讲解 Vue 3 组合式 API 的核心概念与应用技巧，深入分析响应式系统、生命周期管理、组件设计与复用策略。通过完整项目案例，指导前端开发者实现高性能、结构清晰的 Vue 应用，提升开发效率与代码可维护性。
196
2026.02.10
js和vue的关系：1、js作为web开发基石；2、vue.js作为前端框架的崛起；3、js与vue的互补关系；4、js与vue的实践应用。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
353
2024.03.11
vue在线聊天功能实现方法：创建一个vue项目，可以使用vue cli来快速搭建项目等等。想了解更多vue的相关内容，可以阅读本专题下面的文章。
1893
2024.03.01
vue2和vue3双向绑定区别：1、底层实现；2、性能优化；3、响应性系统；4、错误处理和调试；5、模板和渲染函数；6、组合api；7、对typescript的支持；8、composition api和options api的对比等等。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
467
2024.02.23
vue3的生命周期：1、beforecreate；2、created；3、beforemount；4、mounted；5、beforeupdate；6、updated；7、beforedestroy；8、destroyed；9、activated；10、deactivated等等。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
11102
2024.02.23
热门下载
相关下载
精品课程
最新文章
