首页 > 其他分享 >Vue 将推出「无虚拟DOM」版本,又是新的前端框架趋势?

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

时间:2024-11-30 22:59:32浏览次数:12  
标签:Vue 框架 渲染 DOM 虚拟 Vapor

文章目录


背景

随着 React 和 Vue 这些前端框架的爆火,他们的渲染方式,虚拟DOM,也跟着火了起来,大家都认为这是一种高性能批量更新DOM的方式但是近一两年有不同的声音,觉得虚拟DOM反而是渲染性能的累赘,所以也出了一些无虚拟DOM的框架,比如SvelteSolidJS

在这里插入图片描述
在这里插入图片描述

无虚拟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/

在这里插入图片描述

题外话:渲染流程

老生常谈的话题,Vue 的基本渲染流程,如果是使用虚拟DOM的话,这里只是说一下大概流程,如果想要仔细了解的话,可以去看我以前的 Vue 文章

在这里插入图片描述
如果没有虚拟DOM的话,那么就去掉 VNode 这一步

在这里插入图片描述


原文地址

标签:Vue,框架,渲染,DOM,虚拟,Vapor
From: https://blog.csdn.net/qq_34082921/article/details/144162629

相关文章

  • 【烟台南山学院毕业论文】基于Vue的南山庄园的销售管理平台的设计与实现
    注:仅展示部分文档内容和系统截图,需要完整的视频、代码、文章和安装调试环境请私信up主。摘  要人类现已迈入二十一世纪,科学技术日新月异,经济、资讯等各方面都有了非常大的进步,尤其是资讯与网络技术的飞速发展,对政治、经济、军事、文化等各方面都有了极大的影响。利用电脑网......
  • 软件开发 --- vue之初体验
    实例就是DOM处理器。一个Vue实例通过el绑定一个根DOM元素,用于管理html视图。通常情况下,Vue推荐使用单一根实例,并通过组件化来管理不同的功能模块。多个Vue实例的做法虽然可以实现,但会让代码变得难以维护和扩展,尤其在复杂的应用中。通常,使用VueRouter和Vuex来管......
  • [Ubuntu] linux之Ubuntu18.04的下载及在虚拟机中详细安装过程(附有下载链接)
    前言ubuntu链接:https://pan.quark.cn/s/283509d0d36e提取码:dfT1链接失效(可能被官方和谐)可评论或私信我重发下载压缩包后解压!!安装路径不要有中文下载后解压得到.iso文件,不要放在有中文路径的目录下,我这里是解压放在E盘下打开虚拟机,这里使用的是VMwareWorkstation......
  • [kali] kali系统的下载及在虚拟机中详细安装过程(附有下载链接)
    前言kalilinux链接:https://pan.quark.cn/s/7b394681d7c6提取码:k9ES链接失效(可能被官方和谐)可评论或私信我重发下载压缩包后解压!!安装路径不要有中文下载完以后是一个7z压缩包,需要用解压工具解压成文件夹。比如安装bandizip[Bandzip]文件解压工具的下载及详细安装......
  • conda太霸道了!(conda deactivate退出虚拟环境)miniconda
    Miniconda很霸道,安装后执行完condainit就把默认python和默认pip覆盖了,想用原来的python和pip,以后每次进入都要先执行condadeactivate退出虚拟环境。我用的是venv,创建虚拟环境的时候需要默认python解释器和pip,python还好,版本可以指定,pip不行,直接找到miniconda的pip去了,我......
  • 2019-8-29-02-JS-DOM
    图片轮播是Web开发中最常见的组件之一,这是一篇用原生JavaScript实现简单图片轮播的教程。要实现图片轮播,首先我们要将图片轮播拆分为图片容器、图片、上一页按钮、下一页按钮、底部点选容器、底部点选按钮。下面我们用HTML代码表示。...<divid="page"><divid="Container......
  • ssm选课排课系统的设计与开发+vue(10296)
     有需要的同学,源代码和配套文档领取,加文章最下方的名片哦一、项目演示项目演示视频二、资料介绍完整源代码(前后端源代码+SQL脚本)配套文档(LW+PPT+开题报告)远程调试控屏包运行三、技术介绍Java语言SSM框架SpringBoot框架Vue框架JSP页面Mysql数据库IDEA/Eclipse开发四、项......
  • vue3实现自定义导航菜单
    一、创建项目    1.打开HBuilderX图1    2.新建一个空项目        文件->新建->项目->uni-app        填写项目名称:vue3demo        选择项目存放目录:D:/HBuilderProjects        一定要注意vue的版本,当前选择的版......
  • 如何将WSL的虚拟机安装到任意目录中
    目录引言下载安装包解压安装包手工安装结语引言WSL默认是将虚拟机安装在C盘的用户目录下,如果长时间使用Windows后,可能C盘的空间就会非常吃紧,所以非常希望把虚拟机安装到C盘以外的目录中。本文就介绍一下相关的工作。这里只讨论还没有安装虚拟机的情况,如果已经安装了......
  • Liunx如何连接虚拟机、Xshell、vscode
    1.免费的linux的安装VMware被博通收购之后,官方将这两个产品对个人使用完全免费。官方推出了最新版本WorkstationPro17.5.2和FusionQPro13.5.2。步骤一:首先要注册一个博通账号,我用的QQ邮箱注册的,没什么问题,只要能够登录就好步骤二:下载链接地址:https://support.broadcom......