前面咱们已经介绍了，什么是 Headless UI 无头组件库以及如何去使用它，我相信同学们看完了之后能够已经在实际项目中运用自如了； 接下来我会带领大家实现一个属于自己的，属于公司的KPI 产物。

大家好，我是六六。今天嘛简单的教大家手写一下vite的核心原理。当然了，为什么会有这一篇文章。在一个月黑风高的晚上，我用vite创建了一个项目跑起来玩玩，天讷，居然这么快！！！，想起公司webapck

基于 vue ，下面代码部分直接添加为一个组件显示即可运行，是完整代码 业务痛点 固定类型数据展示页面重复开发 （活动页面重复开发） 需求改变频繁 开发时间短 开发人力不足 开发工作零碎 维护成本高

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…