历时 3 年，认真打磨一款「顺手」的组件库！

小卢乱撞
117 阅读2分钟

Lew UI：让开发变成一种享受

一、为什么诞生？

2020年，当 Vue 3 带着 Composition API 和响应式性能升级登场时，而我也才刚大学毕业，从开始入行前端以来，我就爱上了 Vue，我绝对算是一个偏执狂，喜欢钻研喜欢打磨，随着我的日常开发变多，尽管 Element、Ant、Naive UI、Vant 都那么优秀，但仍然满足不了我，我需要更加 精美和独特 的样式，我把用法写的更加 简单，我决定要开发一款 好用到不想换 的组件库。

  • Lew UI的目标：让开发变成一种享受。

二、Lew UI 的三大亮点

1. 大有不同、用法更灵活

对比 Element UI Tooltip 用法，而 Lew UI 用自定义指令来实现，这样的好处是更加灵活。

image.png

2.  自主研发表单引擎，复杂表单也可以写快快

面对复杂的表单，我觉得Lew UI 自研了表单引擎，通过简单的拖拽即可生成表单配置。

image.png

3. ContextMenu 组件

开发初期，我调研了多个大厂组件，都没发现有这个 ContextMenu 的组件，我觉得这个其实挺常用的，一个优雅的右键菜单，可以让操作更加自然。

image.png

4. 性能野兽
  • 虚拟滚动：下拉列表天然支持虚拟列表，加载上万条数据依然流畅。
  • 零冗余代码：通过Tree Shaking自动剔除未使用的代码。
  • 最小节点组件：组件内部DOM结构精简，减少不必要的嵌套。
  • 表单组件：表单验证引擎支持同步和异步验证，支持自定义验证逻辑。

最后的话

Lew UI 不是 「最全」 的组件库，但一定是 「用得最爽」 的那个。我们相信，好的工具应该像空气一样存在——你不需要刻意关注它，但它始终在默默帮你解决问题。

项目地址

avatar
文章
阅读
粉丝