oil 欧呦的 vue 组件库实战

oil 欧呦的 vue 组件库实战

oil 欧呦的 vue 组件库实战

Vue3+TSX: Refactoring Vuesax - A Journey of Implementing Components. Github repo：https://github.com/oil-oil/vuesax-ts

等 10 人订阅共6篇文章创建于2023-09-14

🚀一篇文章学会如何使用 JSX/TSX 开发 Vue 组件

我发现在 vue 中使用 TSX 写组件与 react 相比大有不同，而且很多注意点是在官方文档中没有提到的，需要自己去各种犄角旮旯查。于是我将使用 JSX/TSX 开发组件中的各个要点整理为文章..

2年前
2.7k
31
3

🚀一篇文章学会如何使用 JSX/TSX 开发 Vue 组件

✅ 使用 Vue+Zag+PandaCSS 实现一个超丝滑的勾选框组件

这篇文章将继续以 vuesax 中组件的样式作为参考，结合 Zag 和 PandaCSS 进行 vue3 版本的重构，实现一个超丝滑的勾选框组件。

1年前
1.8k
17
评论

✅ 使用 Vue+Zag+PandaCSS 实现一个超丝滑的勾选框组件

🐼 PandaCSS 实现加载动画+ 🔧Vue3 自定义指令封装

前言加载动画组件是一个非常常见且重要的组件。它可以用于提升用户体验，让用户了解应用正在加载数据或执行某些操作。在本文中，我们将使用 PandaCSS 和 Vue 3 的自定义指令，来实现一个加载动画

1年前
1.3k
8
评论

🐼 PandaCSS 实现加载动画+ 🔧Vue3 自定义指令封装

🤔 优化使用体验 Vue Hook 改造 Dialog 对话框组件实现 API 调用

前言在上一篇文章中，我们使用 Vue+Zag+PandaCSS 实现一个超丝滑的对话框组件，这篇文章基于对话框组件进行补充，新增一种通过 Vue Hook 去控制对话框的使用方式

1年前
1.5k
14
3

🤔 优化使用体验 Vue Hook 改造 Dialog 对话框组件实现 API 调用

😎使用 Vue+Zag+PandaCSS 实现一个超丝滑的对话框组件

前言 Zag 和 PandaCSS 都是出自 chakra 团队之手，Zag 聚焦于处理组件的逻辑，而 PandaCSS 聚焦于通过 ts 来维护样式，将两者进行搭配会有怎么样的使用体验呢？

1年前
1.7k
22
2

😎使用 Vue+Zag+PandaCSS 实现一个超丝滑的对话框组件

🖱️使用 Vue+pandaCSS+tsx 实现一个超精致的按钮组件

本文通过实现一个按钮组件介绍 pandaCSS 的一些基本概念和使用方式，虽然 pandaCSS 中定义了许多听起来陌生的概念，但是整体来说上手难度不高，而且基于 ts 生成的样式文件类型提示非常完善

1年前
2.3k
12
2

🖱️使用 Vue+pandaCSS+tsx 实现一个超精致的按钮组件