Redian新闻
>
Vue 3.4 “灌篮高手” 发布

Vue 3.4 “灌篮高手” 发布

公众号新闻
Vue 3.4 已正式发布,代号 "🏀 Slam Dunk"(灌篮高手)。

新版本主要变化

  • 重写模板解析器,速度提升了 2 倍

  • 重构响应性系统 (Reactivity System),让 effect 的触发更准确高效

  • 优化 API,比如 defineModel 进入稳定阶段,以及绑定 props 时的同名简写


更新亮点

  • 解析器速度提升 2 倍,优化 SFC 构建性能

Vue 3.4 完全重写了模板解析器。在旧版本,Vue 使用递归下降解析器,该解析器依赖了大量正则表达式和前向搜索。
新的解析器使用基于 htmlparser2 的状态机 tokenizer(分词器),它仅迭代整个模板字符串一次。结果是对于所有尺寸的模板而言,解析器始终优化 2 倍。得益于 Vue 广泛的测试用例和 ecosystem-ci,它也 100% 向后兼容 Vue 终端用户。
在将新的解析器与系统的其他部分集成时,开发团队还发现了进一步优化整体 SFC 编译性能的机会。基准测试显示,在生成源码映射的同时,编译 Vue SFC 的脚本和模板部分的时候,性能优化了约 44%,因此 Vue 3.4 应该会优化大多数使用 Vue SFC 的项目构建。
但是请注意,Vue SFC 编译只是现实项目中整个构建过程的一部分。与单独的基准测试相比,端到端构建时间的最终收益可能要小得多。
在 Vue 核心库之外,新的解析器还将优化 Volar/vue-tsc,以及需要解析 Vue SFC 或模板的社区插件的性能,比如 Vue Macros。
  • 更高效的响应性系统 (Reactivity System)

3.4 对响应性系统进行了重大重构,目标是提高计算属性的重新计算效率。
比如下面的场景:
const count = ref(0)
const isEven = computed(() => count.value % 2 === 0)

watchEffect(() => console.log(isEven.value)) // logs true

count.value = 2 // logs true again
在 3.4 之前的版本,每当 count.value 变更时,即使计算结果不变,也会触发 watchEffect 的回调。通过 3.4 优化,现在仅当计算结果实际发生变更时才会触发回调。
  • v-bind 同名简写

下面用例:
<img :id="id" :src="src" :alt="alt" />

可简写为:

<img :id :src :alt />
Vue 团队表示,最初他们担心这种用法会与布尔属性混淆。但在重新审视该功能后,考虑到其动态特性,他们认为 v-bind 的行为比原生属性更像 JavaScript 是有意义的。
详情查看发布公告:https://blog.vuejs.org/posts/vue-3-4


往期推荐



30年前的IDE:只有TUI、背景颜色亮瞎眼……

17+ 项目停更,到了该说“再见”的时候了

冥场面!速来围观2023十大生产事故“名场面”

《2023 大语言模型 LLM 技术报告》




这里最新源资讯、软件更新、技术干货等内容

点这里 ↓↓↓ 记得 关注✔ 标星⭐ 哦


微信扫码关注该文公众号作者

戳这里提交新闻线索和高质量文章给我们。
相关阅读
Vue 3.4 发布贪吃为何是罪过?贪婪本质是什么?电影《七宗罪》深度解析二一套能让孩子成为学习高手、社交高手、抗挫高手的“成长秘籍”Bellevue华人常去Plaza治安恶化,天没黑就开抢,十岁孩子遭扔下车!有放飞的夜晚; 也有沉重的送别看看亚马逊在Bellevue新建的办公楼园区-8栋新建筑+招聘25000名新员工突发!Bellevue著名火锅店 [乐洵] 遭车辆撞击入店!威尼斯圣马可大教堂(St Mark\'s Basilica), 辉煌艺术注意!此事关乎Bellevue未来住房、交通、公园、经济机会,本周六景美小学见!紧急通知!Bellevue 社区总水管爆裂,自来水要烧开!Bellevue警察开枪打死一名持刀男子!就在有中餐馆、沃尔玛,东区华人常去的那个购物中心「灌篮高手」模拟人形机器人,一比一照搬人类篮球招式,看一遍就能学会,无需特定任务的奖励某院医学生3个月完成一篇生信SCI!却被群嘲“灌水王”?!3分钟后全组人愣了……西雅图看房日记|100万以内的Bellevue独栋自住学区房能挣钱的,开源 SpringBoot 和 Vue 的企业级项目,代码很规范!终于,我可以吹自己有10年Vue开发经验了Seattle14岁少年游泳馆被枪杀,Bellevue枪杀案告破,两名嫌犯分别16和18岁。青少年枪支犯罪为何愈演愈烈?Bellevue新开美学中心,全项目低至6折!错过就没了…我所接触过的犹太人1少林功夫,国乐演奏!Bellevue Square喜迎龙年!活动眼花缭乱,氛围拉满魅力无穷的葡萄牙美食美景 - 下Bellevue植物园50万盏灯光点亮节日夜,新增限时特惠票,只需$5!取代 Vue 和 React?新框架 Nue JS,能将代码量减少 10 倍!Nordstrom 窃贼两天偷三次,赃物价值1,7000美金!Bellevue警方打击零元购!西雅图地区出租价格一览:Bellevue最贵,一居每月$2340;Seatac涨幅最高,同比上涨28.7%JavaScript 全栈解决方案比较:Angular、React、Vue.js 的对比中文是贝尔维尤除英语外的第一大语言!2044社区对话,一起聊聊Bellevue的衣食住行!Bellevue植物园50万盏灯光点亮节日夜,今年新增限时特惠票,只需5美元!坐上Bellhop在Bellevue街头秀一秀 ,这款对所有人免费开放的电动车你知道怎么坐吗?牛排辣子兔开席,龙虾大蟹镇场,酒酿汤圆收尾...Bellevue这顿大宴,太巴适了!Vue3响应式系统原理快时尚巨头Shein宣布在Bellevue市中心开设办事处!将开放50多个岗位这家华人和老美都超爱的轻奢医美,来Bellevue啦!Vue 2生命周期即将结束大批警察封锁Bellevue购物中心,持刀男子遭当场击毙!
logo
联系我们隐私协议©2024 redian.news
Redian新闻
Redian.news刊载任何文章,不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。文章信息的合法性及真实性由其作者负责,与Redian.news及其运营公司无关。欢迎投稿,如发现稿件侵权,或作者不愿在本网发表文章,请版权拥有者通知本网处理。