5kb 的 Vue：尤雨溪发布新作 petite-vue，资深前端开发带你入门Framework

• 大小仅为约 5.8kb

• Vue 兼容的模板语法

• 基于 DOM (mutates in place)

• 由 @vue/reactivity 驱动

如何使用？

petite-vue 可以不经过 build 步骤直接使用，只需从 CDN 处加载即可：

{ { count }}

<button @click=“count++”>inc

• 使用 v-scope 在页面上标记应被 petite-vue 控制的区域。

• defer 属性使脚本在 HTML 内容经过解析后执行。

• init 属性使 petite-vue 自动 query 并初始化页面上被 v-scope 标记的所有元素。

如果不想使用以上自动初始化方法，你可以移除 init 属性，将脚本移至 < body > 末尾：

或者使用 ES module build：

除了初始化方法之外，petite-vue 的项目页面中还介绍了 CDN URL 生产、Root Scope、生命周期事件等。更多细节参见 GitHub 项目页面。

推荐阅读

做了一夜动画，就为让大家更好的理解Vue3的Composition Api

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想