petite-vue是一个为渐进式增强而优化的Vue的替代发行版。它提供了与标准Vue相同的模板语法。然而,它是专门为在由服务器框架渲染的现有HTML页面上"洒"上少量交互而优化的。
特性:
只有~5.8kb与Vue兼容的模板语法基于DOM由@vue/reactivity驱动状态:
这是一个非常新的东西。可能会有一些错误,而且可能还会有API变化,所以使用时要自己承担风险。issue列表是故意关闭的,因为我现在有更优先的事情需要关注,不想被分心。如果你发现了一个bug,你必须自己去解决它或者提交一个PR来修复它。也就是说,请随时使用讨论标签来互相帮助。目前不太可能接受功能请求——这个项目的范围是有意保持在最低限度的。使用:
petite-vue无需构建步骤即可使用。只需从CDN加载它:
<scriptsrc="https://unpkg.com/petite-vue"deferinit></script><!--页面任意位置--><divv-scope="{count:0}">{{count}}<button@click="count++">inc</button></div>使用v-scope来标记页面上应该由petite-vue控制的区域;defer属性使脚本在HTML内容被解析后执行;init属性告诉petite-vue自动查询并初始化页面上所有具有v-scope的元素。
评论