Petite-Vue 村长：探索Vue轻量级框架的路程

作为一名 Vue 开发者，我对于Vue框架的便捷性与易用性深感自豪。但是，随着项目的不断增长和复杂度的提升，我们不得不面对一些问题：Vue 的体积越来越大，渲染的效率也逐渐降低了。

背景

于是，在研究了诸如 Preact、Alpine.js 之后，我发现了一个被称为 Petite-Vue 的 Vue 轻量级框架。

Petite-Vue 与 Vue 最大的不同在于，它没有 Virtual-DOM（虚拟DOM）的概念，其源码只有一个文件，整个框架只需要不到5kb。

从表面上看，Petite-Vue 提供了一些类似 Vue 的指令和生命周期钩子，还有一些小巧的实用工具。但是，Petite-Vue 背后的设计思想却与 Vue 有所不同。

Petite-Vue 的设计思想

Petite-Vue 的设计思想源于 JSDOM 的思想。因为 JSDOM 是基于浏览器DOM的JavaScript实现，而Petite-Vue的实现方式也大同小异，并且在Vue 3.0发布之前，Vue 有一个optionsAPI，在不少场景下我们也可以通过直接操作DOM来更加直接地控制页面。

Petite-Vue 是基于 DOM 实现的 Vue 框架，并且它着重强调了渐进式增强。

这里的渐进式增强，是指 Petite-Vue 兼容了大部分 Vue 的指令和生命周期钩子，可以直接通过一些 element 节点调用绑定的指令以及生命周期钩子。但是 Petite-Vue 也提倡做好渐进式增强实践，尽量让组件只依赖于原始的 DOM API，而不是依赖框架。

小结

考虑到 Petite-Vue 的体积更小、性能更高，这是一个很值得开发者关注的轻量级框架。

令人惊喜的是，在前不久的2021年，Vue 3.0发布了，它有许多的新特性和更加先进的架构实现。然而，Petite-Vue 证明了，即使没有 Virtual-DOM 和其他高级抽象，Vue 也可以自由发挥，成为一个能够改变应用开发的框架。

可能 Petite-Vue 对于大部分应用来说，已经过于简单了。但是，正如 Vue 专家尤雨溪所说的，每个框架都有其自身的使用场合，并不存在适用于一切的通用技术。因此 Petite-Vue 具有一定局限性，但对于一些小型应用和重量级网站内的小组件，它手头上仍然是一个很有吸引力的选项。

在未来的项目开发中，我们还是需要对 Petite-Vue 多一些的关注和去理解它，这个框架给我们带来的启发和思考是无限的。