Vue 将推出「无虚拟DOM」版本,又是新的前端框架趋势?

背景

随着 React 和 Vue 这些前端框架的爆火,他们的渲染方式,虚拟DOM,也跟着火了起来,大家都认为这是一种高性能批量更新DOM的方式

但是近一两年有不同的声音,觉得虚拟DOM反而是渲染性能的累赘,所以也出了一些无虚拟DOM的框架,比如Svelte和SolidJS


无虚拟DOM版的Vue3

最近看到了,Vue 也推出了 无虚拟DOM 的版本!!!这是一个基于 Vue3 的衍生框架,名称为 Vue Vapor

仓库地址是:https://github.com/vuejs/core-vapor

看看描述:Vue Vapor (no virtual DOM) experimental repo.意思就是,这是一个 无虚拟DOM 的框架!!!

但是这个框架还在实验阶段,并且在 Vue Vapor 中还有很多 Vue3 的功能没有实现,在仓库上,官方列出了功能的实现清单

Vue Vapor 在线演练

由于 Vue Vapor 现阶段是实验阶段,还不太好在项目中去使用,但是官方提供了一个在线的演练网站,可以在上面去体验

地址是:https://vapor-repl.netlify.app/

题外话:渲染流程

如果没有虚拟DOM的话,那么就去掉 VNode 这一步

相关推荐
王解4 分钟前
Vue CLI 脚手架创建项目流程详解 (2)
前端·javascript·vue.js
刘大浪8 分钟前
vue.js滑动到顶便锁定位置
前端·javascript·vue.js
ordinary901 小时前
指令-v-for的key
前端·javascript·vue.js
前端Hardy1 小时前
HTML&CSS:酷炫的3D开关控件
前端·javascript·css·3d·html
小马超会养兔子1 小时前
如何写一个数字老虎机滚轮
开发语言·前端·javascript·vue
Web打印1 小时前
web打印插件 HttpPrinter 使用半年评测
javascript·json·firefox·jquery·html5
武昌库里写JAVA1 小时前
使用React Strict DOM改善React生态系统
数据结构·vue.js·spring boot·算法·课程设计
devotemyself2 小时前
vue的ElMessage的css样式不生效
前端·css·vue.js
Mr。轩。2 小时前
Vue 单表 CRUD模板 前端
前端·javascript·vue.js
irisMoon062 小时前
react项目框架了解
前端·javascript·react.js