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

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

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

导读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编码与解码，很简单

标签：

热门焦点

Mate60手机壳曝光致敬自己的经典设计

8月3日消息，今天下午博主数码闲聊站带来了华为Mate60的第三方手机壳图，可以让我们在真机发布之前看看这款华为全新旗舰的大致轮廓。从曝光的图片看，Mate 60背后摄像头面积依然
服务存储设计模式：Cache-Aside模式

Cache-Aside模式一种常用的缓存方式，通常是把数据从主存储加载到KV缓存中，加速后续的访问。在存在重复度的场景，Cache-Aside可以提升服务性能，降低底层存储的压力，缺点是缓存和底
只需五步，使用start.spring.io快速入门Spring编程

步骤1打开https://start.spring.io/，按照屏幕截图中的内容创建项目，添加 Spring Web 依赖项，并单击“生成”按钮下载 .zip 文件，为下一步做准备。请在进入步骤2之前进行解压。图
JVM优化：实战OutOfMemoryError异常

一、Java堆溢出堆内存中主要存放对象、数组等，只要不断地创建这些对象，并且保证 GC Roots 到对象之间有可达路径来避免垃圾收集回收机制清除这些对象，当这些对象所占空间超过
一条抖音4亿人围观 ! 这家MCN比无忧传媒还野

作者：Hiu 来源：互联网品牌官01 擦边少女空降热搜，幕后推手曝光被网友誉为“纯欲天花板”的女网红井川里予，近期因为一组哥特风照片登上热搜，引发了一场互联网世界关于
小米MIX Fold 3下月亮相：今年唯一无短板的全能折叠屏

这段时间以来，包括三星、一加、荣耀等等有不少品牌旗下的最新折叠屏旗舰都有新的进展，其中荣耀、三星都已陆续发布了最新的折叠屏旗舰，尤其号荣耀Magi
AI芯片初创公司Tenstorrent获三星和现代1亿美元投资

Tenstorrent是一家由芯片行业资深人士Jim Keller领导的加拿大初创公司，专注于开发人工智能芯片，该公司周三表示，已经从现代汽车集团和三星投资基金等
三星显示已开始为AR设备研发硅基LED微显示屏

7月18日消息，据外媒报道，随着苹果首款头显产品Vision Pro在6月份正式推出，AR/VR/MR等头显产品也就将成为各大公司下一个重要的竞争领域，对显示屏这一关
引领旗舰级影像能力向中端机普及 OPPO K11 系列发布 1799 元起

7月25日，OPPO正式发布K系列新品—— OPPO K11 。此次 K11 在中端手机市场长期被忽视的影像板块发力，突破性地搭载索尼 IMX890 旗舰大底主摄，支持 OIS