petite-vueVue 的替代发行版

联合创作 · 2023-09-19 11:14

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 的元素。
     
浏览 16
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报