petite-vue

Vue 的替代发行版
授权协议 MIT
开发语言 TypeScript
所属分类 Web应用开发、 JavaScript MVC 框架
软件类型 开源软件
地区 不详
投 递 者 裴嘉良
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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 的元素。
     
  • 如今这个世道,作为一个有几年工作经验的前端,不学点框架源码都感觉要被抛弃了,react或vue要能吹吹牛吧,最好能造个轮子,听说vue3源码好学点,那么学学vue3,但是学起来还是那么费劲,感觉快放弃了,就在这个时候出现了petite-vue,害,这家伙比vue简单啊,拿它来重拾学习源码的信心岂不更好,能自己写一个petite-vue再学习vue3岂不是事半功倍。说了这么多,今天就开始迈出第一步吧

  • 在解析v-if和v-for等指令时我们会看到通过evaluate执行指令值中的JavaScript表达式,而且能够读取当前作用域上的属性。而evaluate的实现如下: const evalCache: Record<string, Function> = Object.create(null) export const evaluate = (scope: any, exp: string,

  • 《Petite-Vue源码剖析》结合示例从在线渲染、响应式系统和沙箱模型分别对源码逐行解读,其中还对响应式系统中利用JS引擎的SMI优化依赖清理算法作详细分析。绝对是入门Vue3源码前绝佳的踏脚石喜欢的话记得转发、赞赏哦! 什么是petite-vue? 根据官方解释,petite-vue是专门为非前后端分离的历史项目提供和Vue相近的响应式开发模式。 与完整的Vue相比最大的特点是,面对数据的变化

  • 前言 双向绑定v-model不仅仅是对可编辑HTML元素(select, input, textarea和附带[contenteditable=true])同时附加v-bind和v-on,而且还能利用通过petite-vue附加给元素的_value、_trueValue和_falseValue属性提供存储非字符串值的能力。 深入v-model工作原理 export const model: Dir

  • 如今这个世道,作为一个有几年工作经验的前端,不学点框架源码都感觉要被抛弃了,react或vue要能吹吹牛吧,最好能造个轮子,听说vue3源码好学点,那么学学vue3,但是学起来还是那么费劲,感觉快放弃了,就在这个时候出现了petite-vue,害,这家伙比vue简单啊,拿它来重拾学习源码的信心岂不更好,能自己写一个petite-vue再学习vue3岂不是事半功倍。说了这么多,今天就开始迈出第一步吧

  • Python微信订餐小程序课程视频 https://blog.csdn.net/m0_56069948/article/details/122285951 Python实战量化交易理财系统 https://blog.csdn.net/m0_56069948/article/details/122285941 当我们通过effect将副函数向响应上下文注册后,副作用函数内访问响应式对象时即会自动收集

 相关资料
  • 问题内容: 这是一个从来没有一个正确答案的问题,我已经在网上搜索了很多次,却找不到解决方案。 它适用于Firefox,Chrome。我的responseText将像Réunion这样返回char,它将显示为奇怪的符号。 我尝试了许多方法,例如编码和解码,在响应文件中设置标头都无效。我没主意了。请帮助某人。 在主文件中,确保设置了内容类型和字符集。 在您的AJAX加载页面中,确保您位于顶部。 问题解

  • 问题内容: 问题 在解决这个问题之后,似乎基于文件或磁盘的实现可能是解决我在此处提到的问题的正确解决方案。精简版: 目前,我已将实施为。 条目以相当固定的速率连续添加到其中。稍后对此进行详细说明。 最终,无论如何,这意味着JVM耗尽了堆空间。 在工作中,(强烈)建议我使用SQLite解决此问题,但是在问了上一个问题之后,我认为数据库不是适合此工作的合适工具。所以- 让我知道这听起来是否疯狂 -我认

  • 但是,如果我在两个连续的'>'字符之间放置空格,则不会产生错误。ANTLR无法区分上述规则和用于识别移位表达式的规则,但我不知道如何修改语法来解决这种歧义。如有任何帮助,不胜感激。

  • 问题内容: 我执行了一个程序包管理器命令,将我们的项目更新为最新的二进制文件。我几乎发布了它,因为它通过了所有测试,直到幸运的是,我发现了一个需要更多调试的问题。 当我突然看到以下异常消息时,我的嘴张开了: 已达到“每小时6000个Redis请求”的免费配额限制。请访问https://servicestack.net升级到商业许可证。 如果我发布了该网站怎么办?这些做法简直令人反感!没有控制台警告

  • 问题内容: 我要求对当前使用JFileChooser的小程序进行一些更改。 主要的抱怨之一是文件选择器的使用很麻烦,因为它的行为与本机窗口小部件不同,特别是在向上导航到根级别时。 因此,知道JFileChooser以及所有其他问题(例如Windows上的zip文件缓存…)遭受苦难后,我想知道Java世界中是否存在可行的替代方案。 当然,有SWT使用本机窗口小部件,但是将applet大小增加25并不

  • 问题内容: 我有一个顾客。 当将新行添加到此客户表时,如果新行的(主键)已经在客户表中,则我想使用其他字段对现有(旧)行进行更新。()。 否则(如果不在表中)插入新行。我知道我可以使用触发器在mssql中做到这一点。有没有一种方法可以在mysql中做到这一点。 问题答案: MySQL没有触发器,但是它具有REPLACE和INSERT … ON DUPLICATE KEY UPDATE (请参阅文档