當前位置: 妍妍網 > 碼農

Vue 將推出「無虛擬DOM」版本,又是新的前端框架趨勢?

2024-01-29碼農


模擬面試、簡歷指導、入職指導、計畫指導、答疑解惑 可私信找我~已幫助100+名同學完成改造!

前言


大家好,我是林三心,用最通俗易懂的話講最難的知識點是我的座右銘,基礎是進階的前提是我的初心~

背景

隨著 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/

題外話:渲染流程

老生常談的話題,Vue 的基本渲染流程,如果是使用虛擬DOM的話,這裏只是說一下大概流程,如果想要仔細了解的話,可以去看我以前的 Vue 文章

如果沒有虛擬DOM的話,那麽就去掉 VNode 這一步

結語

我是林三心

  • 一個待過 小型toG型外包公司、大型外包公司、小公司、潛力型創業公司、大公司 的作死型前端選手;

  • 一個偏前端的全幹工程師;

  • 一個不正經的金塊作者;

  • 逗比的B站up主;

  • 不帥的小紅書博主;

  • 喜歡打鐵的籃球菜鳥;

  • 喜歡歷史的乏味少年;

  • 喜歡rap的五音不全弱雞如果你想一起學習前端,一起摸魚,一起研究簡歷最佳化,一起研究面試進步,一起交流歷史音樂籃球rap,可以來俺的摸魚學習群哈哈,點這個,有7000多名前端小夥伴在等著一起學習哦 -->

  • 廣州的兄弟可以約飯哦,或者約球~我負責打鐵,你負責進球,謝謝~