When Vue is only 5kb: You Yuxi released a new petite-vue, optimized for progressive enhancement


Front-end programmers must be familiar with You Yuxi and the Vue framework he developed. Vue is a progressive JavaScript framework for building user interfaces. After its release in 2014, it has won the favor of a large number of developers. It has been updated to version 3.0. Unlike other large frameworks, Vue is designed to be applied layer by layer from the bottom up. Vue's core library only focuses on the view layer, which is not only easy to use, but also easy to integrate with third-party libraries or existing projects. On the other hand, when combined with modern tool chains and various supporting libraries, Vue is also fully capable of providing drivers for complex single-page applications.
Recently, You Yuxi released a Vue distribution optimized for progressive enhancement—petite-vue, which is only about 5kb in size. Compared with standard Vue, petite-vue has the same template syntax and responsive mental model, and the difference between the two is that petite-vue is specifically optimized for a small amount of "sprinkle" interaction on an existing HTML page rendered on the server framework .

petite-vue is not only its small size, but also its ability to use the optimal realization for progressive enhancement. The latter is the main difference between it and the standard Vue, and also its main advantage. You Yuxi revealed that petite-vue works similarly to Vue 1, but the implementation details are better: petite-vue traverses the actual DOM and uses @vue/reactivity to attach (attach) fine-grained reactive effects, so its updates can reach each accurately binding.

After the release of the petite-vue project, it has received a lot of attention. It has appeared on the GitHub Trending list for many consecutive times, and it has received 2,300 stars within a few days.

Project address:

阅读 3.1k



3k 声望
105.1k 粉丝
0 条评论


3k 声望
105.1k 粉丝