一、项目介绍

做企业级中后台,最缺的是“既好看又能打、还能应对大数据与复杂表单”的组件:通用 UI 库在万级表格、复杂筛选下容易卡顿,定制又费劲。你只想要一套为业务系统打磨过的 Vue 组件,却被性能与扩展性卡住。
TinyVue 是 OpenTiny 团队推出的 Vue 组件库,面向企业级中后台。它提供表单、表格、弹窗、导航等丰富组件,强调高性能大数据渲染与主题定制,并配套 AI 辅助的 agent-skills 帮助生成组件代码。

二、项目基本信息

信息项详情
项目名称Tiny-Vue
GitHub地址https://github.com/opentiny/tiny-vue
项目描述TinyVue is an enterprise-class UI component library of OpenTiny community, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.
作者opentiny
开源协议MIT License
开源状态公开
LanguagesLess
支持平台Web
最后更新2026-10-30

三、核心优势

  • 面向中后台,组件覆盖业务高频场景
  • 大数据表格渲染性能优化到位
  • 主题可定制,贴合企业视觉
  • 配套 agent-skills,AI 辅助写组件
  • 支持 Vue 2 / Vue 3 双版本

四、适用场景

适合用 Vue 构建企业级中后台、需要高性能表格与复杂表单、并希望 AI 辅助开发的团队。

五、安装教程

当前最新版本 latest。按下方命令安装(如遇网络问题可切换镜像源或代理):

# 安装 Vue 3 版本
npm i @opentiny/vue@3
# 或安装 Vue 2 版本
npm i @opentiny/vue@2

常见报错:依赖缺失时先升级运行环境(Node、Python、Go、JDK 等)到项目要求版本;网络超时多为镜像或代理问题,可重试或换源。权限类报错请确认已登录对应平台账号。

六、使用示例

下面是一段可直接参考的真实示例:

// main.js 注册 TinyVue
import { createApp } from 'vue'
import TinyVue from '@opentiny/vue'
import '@opentiny/vue/dist/tiny-vue.css'
createApp(App).use(TinyVue).mount('#app')
// 模板:<tiny-button type="primary">确定</tiny-button>

七、常见问题

问:支持 Vue 2 吗?答:提供 @2 与 @3 两个版本,按需安装。问:有 AI 辅助吗?答:提供 agent-skills,可在 Cursor 等客户端生成组件代码。

八、总结

Tiny-Vue 用一个清晰的设计,把把通用能力收成可复用的底座这件反复劳动变成了可复用、可维护的能力。它不追求大而全,而是把核心痛点解决得足够扎实——这正是日常开发与团队落地时最需要的那种工具。如果你也在被同类问题困扰,不妨按上面的安装与使用步骤试一试,把它接进自己的工作流。