当前位置：首页 > 科技 > 软件

VueConf，尤雨溪公布 Vue3.5 新特性以及无虚拟DOM版本

来源：责编：时间：2024-07-11 17:34:33 297观看

导读Vue 十年啦！！！尤雨溪大佬开讲，Vue 十年啦！！！从一开始的一个视图层工具，一步一步走到现在，成为一个拥有全流程生态的顶级前端框架。图片图片回顾 Vue3.4 的特性接着回顾了Vue3.4的亮点：重构了模板解析器，主要是不再依赖于正则表

Vue 十年啦！！！

尤雨溪大佬开讲，Vue 十年啦！！！从一开始的一个视图层工具，一步一步走到现在，成为一个拥有全流程生态的顶级前端框架。

图片

回顾 Vue3.4 的特性

接着回顾了Vue3.4的亮点：

重构了模板解析器，主要是不再依赖于正则表达式，而是使用了 HTML Parser 中的状态机来进行解析，使得模板解析的速度至少提升了两倍。
重构了响应式的逻辑，使得计算属性更加高效快速，提升了 watchEffect 的效率，如果计算结果不变，那么 watchEffect 不会被重新触发。
defeinModel `稳定版推出，开发者可以直接使用，因为它已经正式成为 Vue3.4 的 API 了。
v-bind 同名简写，比如<img :id="id" :src="src" :alt="alt"> 可以简写为 <img :id :src :alt>。

图片

未来 Vue3.5 的新特性

接下来揭示了未来 Vue3.5 将会包含的新特性，Vue3.5 主要会做一些框架底层的优化：

响应式逻辑上的提升，调度任务中使用位运算去优化任务队列，这一项优化原本是在无虚拟DOM版本 Vapor 中的，现在直接移植到 Vue3.5 中，通过这项优化，内存使用率提升 56%。
响应式逻辑上的提升，优化了大数组的响应式性能，可获得十倍性能收益。
@vue/reactivity 提供 readArray 方法供开发者使用，这是一个高性能的处理数组响应式的方法。
优化了 SSR 服务端渲染的一些特性。

图片

Vue Vapor（无虚拟 DOM 的 Vue）

接下来是 Vue Vapor，Vapor Mode 是 Vue 3 的一项革新特性，其设计灵感来自于 Solid.js。此特性通过优化代码编译成更高效的 JavaScript 来提高应用程序的性能。

利用 Vapor Mode，开发者可以完全避免使用 Virtual DOM，这有助于减小应用的打包大小。

优点包括：

性能提升
更低的内存需求
更精简的运行时代码

由于 Solid.js 和 Vue 在响应式系统方面的设计相似，均采用基于读取操作的自动追踪代理（Proxies），Vue 能够采用与 Solid.js 相似的编译策略。

关于它的具体解析请看我这篇文章：

图片

Rolldown

Vite 在新版本中可能会使用 Rolldown 来进行打包，它是一个由 Rust 开发的打包工具，你可以把它当做是一个 Rust 版本的 Rollup，目前已经兼容 Vite/Rollup 一半的插件，速度比 esbuild 更快！速度是 esbuild 的 1.2-1.5 倍！！

图片

Rollup 底层依赖了一个叫 OXC 的工具，OXC 是一个由 Rust 编写的高性能 JS 解析器

图片

本文链接：http://www.28at.com/showinfo-26-100469-0.htmlVueConf，尤雨溪公布 Vue3.5 新特性以及无虚拟DOM版本

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com

上一篇： Token无感知刷新前端

下一篇： Go语言实现Base64、Base58编码与解码，很简单

标签：

热门焦点

Raft算法：保障分布式系统共识的稳健之道

1. 什么是Raft算法？Raft 是英文”Reliable、Replicated、Redundant、And Fault-Tolerant”（“可靠、可复制、可冗余、可容错”）的首字母缩写。Raft算法是一种用于在分布式系统
28个SpringBoot项目中常用注解，日常开发、求职面试不再懵圈

前言在使用SpringBoot开发中或者在求职面试中都会使用到很多注解或者问到注解相关的知识。本文主要对一些常用的注解进行了总结，同时也会举出具体例子，供大家学习和参考。注解
Flowable工作流引擎的科普与实践

一.引言当我们在日常工作和业务中需要进行各种审批流程时，可能会面临一系列技术和业务上的挑战。手动处理这些审批流程可能会导致开发成本的增加以及业务复杂度的上升。在这
多线程开发带来的问题与解决方法

使用多线程主要会带来以下几个问题：（一）线程安全问题　　线程安全问题指的是在某一线程从开始访问到结束访问某一数据期间，该数据被其他的线程所修改，那么对于当前线程而言，该线程
19个 JavaScript 单行代码技巧，让你看起来像个专业人士

今天这篇文章跟大家分享18个JS单行代码，你只需花几分钟时间，即可帮助您了解一些您可能不知道的 JS 知识，如果您已经知道了，就当作复习一下，古人云，温故而知新嘛。现在，我们就开始今
虚拟键盘 API 的妙用

你是否在遇到过这样的问题：移动设备上有一个固定元素，当激活虚拟键盘时，该元素被隐藏在了键盘下方？多年来，这一直是 Web 上的默认行为，在本文中，我们将探讨这个问题、为什么会发生
ESG的面子与里子

来源 | 光子星球撰文 | 吴坤谚编辑 | 吴先之三伏大幕拉起，各地高温预警不绝，但处于厄尔尼诺大“烤”之下的除了众生，还有各大企业发布的ESG报告。ESG是“环境保
华为HarmonyOS 4升级计划公布：首批34款机型今日开启公测

8月4日消息，今天下午华为正式发布了HarmonyOS 4系统，在更流畅的前提下，还带来了不少新功能，UI设计也有变化，会让手机焕然一新。华为宣布，首批机型将会在
iQOO 11S或7月上市：搭载“鸡血版”骁龙8Gen2 史上最强5G Soc

去年底，iQOO推出了“电竞旗舰”iQOO 11系列，作为一款性能强机，iQOO 11不仅全球首发2K 144Hz E6全感屏，搭载了第二代骁龙8平台及144Hz电竞屏，同时在快充

VueConf，尤雨溪公布 Vue3.5 新特性以及无虚拟DOM版本

Vue 十年啦！！！

回顾 Vue3.4 的特性

未来 Vue3.5 的新特性

Vue Vapor（无虚拟 DOM 的 Vue）

Rolldown

Raft算法：保障分布式系统共识的稳健之道

28个SpringBoot项目中常用注解，日常开发、求职面试不再懵圈

Flowable工作流引擎的科普与实践

多线程开发带来的问题与解决方法

19个 JavaScript 单行代码技巧，让你看起来像个专业人士

虚拟键盘 API 的妙用

ESG的面子与里子

华为HarmonyOS 4升级计划公布：首批34款机型今日开启公测

iQOO 11S或7月上市：搭载“鸡血版”骁龙8Gen2 史上最强5G Soc

最新推荐

猜你喜欢

热门推荐

相关资讯