自己手动实现一个 Headless UI 无头组件库

文章预览

大厂技术    高级前端    Node进阶 点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 前言 前面咱们已经介绍了，什么是 Headless UI 无头组件库 了，以及如何去使用它，我相信同学们看完了之后能够已经在实际项目中运用自如了； ps：作者之前的文章可以点击文末 阅读原文 ，进入作者主页进行查看。 但是我的目的是带领大家能实现一个属于自己的，一个属于公司的、甚至属于公司和个人 KPI 的产物，那么接下来将会手摸手的一步一步指引大家去实现一个真正意义上的 Headless UI 无头组件库 ； 让我们一起开始动手吧~ 说明：为了更好符合国内的大部分用户群体，所以主要实现一个 vue3 的 Headless UI 无头组件库 ！ 一、初始化项目 1. 生成目录 & 初始化 # 创建目录 mkdir my-project # 进入 cd  my-project # 初始化 pnpm init 2.  创建 pnpm-wo ………………………………