# @ark-ui/vue 中文文档 规范地址：https://npmcn.com/package/%40ark-ui/vue/ 版本：5\.40\.0 npm 元数据更新时间：2026-10-29T17:36:31.385Z 中文译文更新时间：2026-11-06T19:22:00.594Z 软件包许可：MIT 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40ark-ui/vue 原文对照：https://npmcn.com/package/%40ark-ui/vue/?lang=original 项目主页：https://ark-ui.com/ 源码仓库：https://github.com/chakra-ui/ark ## 关键信息（来自 npm 元数据） - 包体积（解压后）：5.2 MB，5143 个文件 - 模块格式：ES Module - TypeScript 类型：未声明 - 运行依赖：69 个 - peer 依赖：vue \>=3\.5\.0 - 首次发布：2022-11-06T09:42:18.681Z - 最新版本发布：2026-10-29T17:36:30.944Z - 近 30 天下载量：125989（2026-10-07 至 2026-11-05，npm 官方下载统计） - 已发布版本数：562（近 12 个月 25 个） ## 中文简介 用于Vue的不样式,可访问的UI组件集,利用状态机器进行无缝交互. ## 安装 ```sh npm install @ark-ui/vue ``` 也可以使用：`pnpm add @ark-ui/vue`、`yarn add @ark-ui/vue`、`bun add @ark-ui/vue` ## README ![License](https://img.shields.io/npm/l/@ark-ui/vue?style=for-the-badge) ![GitHub stars](https://img.shields.io/github/stars/chakra-ui/ark?logo=github&style=for-the-badge) ![Downloads](https://img.shields.io/npm/dt/@ark-ui/vue?style=for-the-badge) # 欢迎来到方舟UI Ark UI是一个无头开源的UI库,有超过45+组件,设计用于建筑可再用,可缩放的设计 系统 它支持一系列广泛的JavaScript框架,为每个被支持的框架提供解码包. ## 支持的框架 Ark UI 可用于以下 JavaScript 框架 : - **反应**数字 : `@ark-ui/react` - **固态**数字 : `@ark-ui/solid` - **阴道**数字 : `@ark-ui/vue` ## 可用组件 - [手风琴](https://ark-ui.com/vue/docs/components/accordion) - [有远见](https://ark-ui.com/vue/docs/components/avatar) - [木马](https://ark-ui.com/vue/docs/components/carousel) - [复选框](https://ark-ui.com/vue/docs/components/checkbox) - [剪贴板](https://ark-ui.com/vue/docs/components/clipboard) - [可折叠](https://ark-ui.com/vue/docs/components/collapsible) - [颜色拾取器](https://ark-ui.com/vue/docs/components/color-picker) - [组合框](https://ark-ui.com/vue/docs/components/combobox) - [约会拾取器](https://ark-ui.com/vue/docs/components/date-picker) - [对话框](https://ark-ui.com/vue/docs/components/dialog) - [可编辑](https://ark-ui.com/vue/docs/components/editable) - [外地](https://ark-ui.com/vue/docs/components/field) - [字段集](https://ark-ui.com/vue/docs/components/fieldset) - [文件上传](https://ark-ui.com/vue/docs/components/file-upload) - [贺卡](https://ark-ui.com/vue/docs/components/hover-card) - [菜单](https://ark-ui.com/vue/docs/components/menu) - [数字输入](https://ark-ui.com/vue/docs/components/number-input) - [倾斜](https://ark-ui.com/vue/docs/components/pagination) - [键输入](https://ark-ui.com/vue/docs/components/pin-input) - [过量](https://ark-ui.com/vue/docs/components/popover) - [进展 - 通知](https://ark-ui.com/vue/docs/components/progress-circular) - [进度 - 线性](https://ark-ui.com/vue/docs/components/progress-linear) - [QR 代码](https://ark-ui.com/vue/docs/components/qr-code) - [无线电组](https://ark-ui.com/vue/docs/components/radio-group) - [评级组](https://ark-ui.com/vue/docs/components/rating-group) - [分组](https://ark-ui.com/vue/docs/components/segment-group) - [选择](https://ark-ui.com/vue/docs/components/select) - [签名纸](https://ark-ui.com/vue/docs/components/signature-pad) - [幻灯片](https://ark-ui.com/vue/docs/components/slider) - [分块](https://ark-ui.com/vue/docs/components/splitter) - [切换](https://ark-ui.com/vue/docs/components/switch) - [标签](https://ark-ui.com/vue/docs/components/tabs) - [标记输入](https://ark-ui.com/vue/docs/components/tags-input) - [土司](https://ark-ui.com/vue/docs/components/toast) - [切换组](https://ark-ui.com/vue/docs/components/toggle-group) - [工具提示](https://ark-ui.com/vue/docs/components/tooltip) - [树形视图](https://ark-ui.com/vue/docs/components/tree-view) ## 安装 要安装 `@ark-ui/vue`,运行以下命令: ```bash npm install @ark-ui/vue ``` 或带线: ```bash yarn add @ark-ui/vue ``` ## 使用量 使用来自 `@ark-ui/vue`,导入并将其纳入您的应用程序中: ```vue ``` ## 文档 欲了解更详细的文件和实例,请访问 [正式文件](https://ark-ui.com/)。 。 。 . ## 路线图 你可以请求,投票, 检查我们即将到来的特性 [路线图](https://ark-ui.canny.io/)。 。 。 . ## 捐款 我们欢迎对方舟国际的贡献。 请读我们的 [提供指南](https://github.com/chakra-ui/ark/blob/main/CONTRIBUTING.md) 了解如何使用 贡献. ## 许可证 本项目的许可条件如下: [麻省理工学院许可证](https://github.com/chakra-ui/ark/blob/main/LICENSE)。 。 。 . ## 常见问题 ### @ark-ui/vue 是什么？ 用于Vue的不样式,可访问的UI组件集,利用状态机器进行无缝交互\. ### 如何安装 @ark-ui/vue？ 在项目目录运行 npm install @ark-ui/vue，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：vue（\>=3\.5\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。 ### @ark-ui/vue 支持 TypeScript 吗？ 该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/ark-ui\_\_vue 是否存在。 ### @ark-ui/vue 支持 ESM 还是 CommonJS？ 以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。 ### @ark-ui/vue 可以商用吗？ @ark-ui/vue 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。 ### @ark-ui/vue 的下载量有多少？ 根据 npm 官方下载统计，@ark-ui/vue 在 2026/10/07 – 2026/11/05 这 30 天内被下载 125,989 次，日均约 4,200 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @ark-ui/vue 还在维护吗？ 最新版本 5\.40\.0 发布于 2026/10/30（9 天前）；至今共发布 562 个版本，其中过去 12 个月发布了 25 个；首次发布于 2022/11/06。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。