vue3常用组件有哪些

Vue3常用组件包括以下几种‌：

1. ‌基础UI组件‌：

   • ‌按钮（Button）‌：封装不同样式、大小、状态的按钮，支持disabled、loading等状态。
   • ‌输入框（Input）‌：封装文本输入、密码输入、数字输入等，支持v-model双向绑定、校验规则。
   • ‌下拉选择框（Select）‌：封装单选、多选、搜索等功能。
   • ‌开关（Switch）‌：封装开关组件，支持v-model。
   • ‌弹窗（Modal/Dialog）‌：封装通用弹窗，支持标题、内容、底部按钮自定义。
   • ‌提示框（Toast/Message）‌：封装全局提示组件，支持成功、警告、错误等状态。
   • ‌分页器（Pagination）‌：封装分页逻辑，支持自定义每页条数、总条数‌。

2. ‌布局组件‌：

   • ‌容器（Container）‌：封装页面布局容器，支持头部、侧边栏、内容区、底部。
   • ‌栅格布局（Grid/Row/Col）‌：封装响应式栅格布局，支持不同屏幕尺寸适配。
   • ‌卡片（Card）‌：封装卡片布局，支持标题、内容、操作区域。
   • ‌折叠面板（Collapse）‌：封装可折叠内容区域，支持手风琴模式‌。

3. ‌数据展示组件‌：

   • ‌表格（Table）‌：封装表格组件，支持分页、排序、筛选、自定义列。
   • ‌列表（List）‌：封装列表组件，支持图文混排、加载更多。
   • ‌标签（Tag）‌：封装标签组件，支持不同颜色、大小、可关闭。
   • ‌进度条（Progress）‌：封装进度条组件，支持线性、环形进度条。
   • ‌时间轴（Timeline）‌：封装时间轴组件，支持自定义节点内容‌。

4. ‌表单组件‌：

   • ‌表单容器（Form）‌：封装表单容器，支持校验、提交、重置。
   • ‌表单项（FormItem）‌：封装表单项，支持标签、校验规则、错误提示。
   • ‌日期选择器（DatePicker）‌：封装日期选择组件，支持范围选择、快捷选项。
   • ‌上传组件（Upload）‌：封装文件上传组件，支持单文件、多文件、拖拽上传‌。

5. ‌导航组件‌：

   • ‌菜单（Menu）‌：封装侧边栏菜单、顶部菜单，支持多级嵌套。
   • ‌标签页（Tabs）‌：封装标签页组件，支持动态增删、懒加载等‌