标签 Vue 下的文章

Library Tiny-Vue 面向企业级中后台的Vue组件库
项目
一、项目介绍 做企业级中后台,最缺的是“既好看又能打、还能应对大数据与复杂表单”的组件:通用 UI 库在万级表格、复杂筛选下容易卡顿,定制又费劲。你只想要一套为业务系统打磨过的 Vue 组件,却被性能与扩展性卡住。 TinyVue 是 OpenTiny 团队推出的 Vue 组件库,面向企业级中后台。它提供表单、表格、弹窗、导航等丰富组件,强调高性能大数据渲染与主题定制,并配套 AI 辅助的 agent-skills 帮助生成组件代码。
Library Ant-Design-Vue 基于Vue的企业级UI组件库
项目
一、项目介绍 用 Vue 搭中后台界面,最耗初稿时间的是“按钮、表单、表格、弹窗这些基础组件从零拼”:风格难统一,还要自己处理无障碍与响应式。你只想拿到一套成熟、经过大厂验证的组件,却被重复造轮子拖住。 Ant Design Vue 是 Ant Design 的 Vue 实现,一套企业级 UI 组件库。它提供按钮、表单、表格、日期选择、布局等数十种组件,设计语言统一、文档完善,是中后台系统的常见选型。
Library naive-ui 可定制的Vue3企业级组件库
项目
一、项目介绍 用 Vue 3 做中后台或产品界面,最怕两件事:一是组件不够全,表格、表单、弹窗、日期选择器到处找第三方;二是主题不灵活,想换一套品牌色要不就改得很痛苦,要不就被默认风格绑架。很多组件库要么体积大、要么定制难,开发体验打折扣。 Naive UI 是一个基于 Vue 3 的企业级组件库,主打「相当完整、主题可定制、TypeScript 友好、性能好」。它内置几十个常用组件,样式用主题变量控制,换肤只是改几个变量;全量 TypeScript,类型提示到位;并且不依赖...
Library vue-data-ui 面向数据叙事的Vue3可视化组件库
项目
一、项目介绍 做数据展示时,很多图表库只管「画出来」,不管「讲清楚」。参数一大堆,主题也不统一,想做个既好看又能讲数据故事的可视化,得在配置里反复较劲。前端还常常被图表库的默认样式绑架。 vue-data-ui 是一个以「让数据自己说话」为目标的 Vue 3 数据可视化组件库,提供 donut、gauge、heatmap、quadrant、radar、sparkline、表格等丰富组件,强调用户可定制与数据叙事。它组件独立、主题可控,适合把枯燥数据做成有说服力的可视化。
Library varlet Vue3 Material Design 移动桌面组件库
项目
想用 Vue 3 做一个同时兼顾手机和桌面的应用,又希望贴近 Material Design 规范,市面上的方案要么偏桌面、要么偏移动,少有把两者统一得好的。 Varlet 是一套基于 Material Design 2 与 3 的 Vue 3 组件库,由国内团队维护,文档中英双语齐全。它提供 70 多个轻量组件,支持按需引入、主题定制、暗黑模式与 SSR。
Library reka-ui Vue 无障碍 Headless UI 组件库
项目
用 Vue 写复杂交互组件(弹窗、下拉、日期选择器)时,最麻烦的不是样式,而是键盘导航、焦点管理和 ARIA 属性这些无障碍细节。自己实现容易漏掉大量边界情况,导致组件对屏幕阅读器不友好。 reka-ui(前身是社区知名的 Radix Vue)提供一套无样式(headless)的可访问组件原语。你只管写标记和样式,它负责所有交互行为与无障碍逻辑,让你在 Vue 里也能享受 Radix 级别的组件质量。
Library naive-ui 基于TypeScript的Vue3组件库体验顺滑
项目
一、项目介绍 Vue 3 项目选型组件库时,常卡在两个诉求之间:一是类型提示要强,二是主题和风格要现代、轻快。不少老牌库对 TypeScript 的支持是后补的,类型推导体验打折;而一些新库又太过花哨、定制成本高。 Naive UI 是面向 Vue 3 的 TypeScript 优先组件库,所有组件都带完整类型,主题用一份配置就能整体换肤,风格偏清爽顺滑。它不依赖运行时 CSS-in-JS 的黑魔法,主题通过 CSS 变量落地,既好维护也方便调试。
Vue 3.6 Vapor Mode 与 alien-signals:响应式内核的再一次进化
开发
Vapor Mode 是什么 Vue 3 的渲染器走的是“虚拟 DOM”路线:组件渲染产生 VNode,再由 diff 算法找出最小变更。这套方案通用性强,但要付出创建 VNode、遍历、diff 的运行时开销。 Vapor Mode 是 Vue 的新一代编译策略:在编译阶段分析模板,直接生成“更新某个 DOM 节点属性/文本”的命令式代码,完全跳过虚拟 DOM 与 diff。它借鉴了 Solid 的思路,同时保留了 Vue 的模板语法与单文件组件体验。 开启方式 bash ...