petite-vue 是一个为渐进式增强而优化的 Vue 的替代发行版。它提供了与标准 Vue 相同的模板语法。然而,它是专门为在由服务器框架渲染的现有 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 的元素。
评论