[TOC]

https://github.com/vuejs/petite-vue

主要特性

petite-vue 具备以下特性：

  • 大小仅为约 5.8kb

  • Vue 兼容的模板语法

  • 基于 DOM (mutates in place)

  • 由 @vue/reactivity 驱动

如何使用？

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



{{ count }}

  • 使用 v-scope 在页面上标记应被 petite-vue 控制的区域。
  • defer 属性使脚本在 HTML 内容经过解析后执行。
  • init 属性使 petite-vue 自动 query 并初始化页面上被 v-scope 标记的所有元素。

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


或者使用 ES module build：

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