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

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

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

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

标签：

热门焦点

六大权益！华为8月服务日开启：手机免费贴膜、维修免人工费

8月5日消息，一年一度的华为开发者大会2023（Together）日前在松山湖拉开帷幕，与此同时，华为8月服务日也式开启，到店可享六大专属权益。华为用户可在华为商城Ap
十个可以手动编写的 JavaScript 数组 API

JavaScript 中有很多API，使用得当，会很方便，省力不少。你知道它的原理吗? 今天这篇文章，我们将对它们进行一次小总结。现在开始吧。1.forEach()forEach()用于遍历数组接收一参
Golang 中的 io 包详解：组合接口

io.ReadWriter// ReadWriter is the interface that groups the basic Read and Write methods.type ReadWriter interface { Reader Writer}是对Reader和Writer接口的组合，
K8S | Service服务发现

一、背景在微服务架构中，这里以开发环境「Dev」为基础来描述，在K8S集群中通常会开放：路由网关、注册中心、配置中心等相关服务，可以被集群外部访问；图片对于测试「Tes」环境或者
三言两语说透设计模式的艺术-单例模式

写在前面单例模式是一种常用的软件设计模式，它所创建的对象只有一个实例，且该实例易于被外界访问。单例对象由于只有一个实例，所以它可以方便地被系统中的其他对象共享，从而减少
多线程开发带来的问题与解决方法

使用多线程主要会带来以下几个问题：（一）线程安全问题　　线程安全问题指的是在某一线程从开始访问到结束访问某一数据期间，该数据被其他的线程所修改，那么对于当前线程而言，该线程
破圈是B站头上的紧箍咒

来源 | 光子星球撰文 | 吴坤谚编辑 | 吴先之每年的暑期档都少不了瞄准追剧女孩们的古偶剧集，2021年有优酷的《山河令》，2022年有爱奇艺的《苍兰诀》，今年却轮到小破站抓住了追
自研Exynos回归！三星Galaxy S24系列将提供Exynos和骁龙双版本

年初，全新的三星Galaxy S23系列发布，包含Galaxy S23、Galaxy S23+和Galaxy S23 Ultra三个版本，全系搭载超频版骁龙8 Gen 2，虽同样采用台积电4nm工艺制
支持aptX Lossless无损传输 iQOO TWS 1赛道版发布限时优惠价369元

2023年7月4日，“无损音质，声动人心”iQOO TWS 1正式发布，支持aptX Lossless无损传输，限时优惠价369元。iQOO TWS 1耳机率先支持端到端aptX Lossless无

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

Vue 十年啦！！！

回顾 Vue3.4 的特性

未来 Vue3.5 的新特性

Vue Vapor（无虚拟 DOM 的 Vue）

Rolldown

六大权益！华为8月服务日开启：手机免费贴膜、维修免人工费

十个可以手动编写的 JavaScript 数组 API

Golang 中的 io 包详解：组合接口

K8S | Service服务发现

三言两语说透设计模式的艺术-单例模式

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

破圈是B站头上的紧箍咒

自研Exynos回归！三星Galaxy S24系列将提供Exynos和骁龙双版本

支持aptX Lossless无损传输 iQOO TWS 1赛道版发布限时优惠价369元

最新推荐

猜你喜欢

热门推荐

相关资讯