petite-vue，Vue渐进增强的替代方案

原话：petite-vue 是一个为渐进式增强而优化的 Vue 的替代发行版。

渐进增强是一种允许 Web 开发人员开始使用 HTML 编程并根据需要包含其他技术的方法。您可以开始仅使用 HTML 静态构建网站，然后将交互性或客户端状态添加到页面。

特点：

• 只有～5.8kb
• 与 Vue 兼容的模板语法
• 基于 DOM
• 由 @vue/reactivity 驱动

这是一个非常新的东西。可能会有一些错误，而且可能还会有 API 变化，所以使用时要自己承担风险。

issue 列表是故意关闭的，因为作者现在有更优先的事情需要关注，不想被分心。

如果你在使用上发现了一个 bug，你必须自己去解决它或者提交一个 PR 来修复它。

使用：

petite-vue 无需构建步骤即可使用。只需从 CDN 加载它：

< script  src =" https://unpkg.com/petite-vue " defer  init > </ script > 

<!-- 页面任意位置 --> 
< div  v-scope =" { count: 0 } " > 
  { { count }} < button @click =" count++ " > inc </ button > </ div >
   

使用 v-scope 来标记页面上应该由 petite-vue 控制的区域；

defer 属性使脚本在 HTML 内容被解析后执行；

init 属性告诉 petite-vue 自动查询并初始化页面上所有具有 v-scope 的元素。