鴻蒙OS 4.0公測機型公布：甚至連nova6都支持
華為全新的HarmonyOS 4.0操作系統將于今天下午正式登場，官方在發布會之前也已經正式給出了可升級的機型產品，這意味著這些機型會率先支持升級享用。這次的HarmonyOS 4.0支持
今年年初，尤雨溪在 2023 新年展望中提到了 Vue 3 “Vapor Mode”：
Vapor Mode 是一直在試驗的另一種編譯策略，其靈感來自于 Solid。給定相同的 Vue SFC，與當前基于虛擬 DOM 的輸出相比，Vapor Mode 將其編譯成性能更高、使用更少內存且需要更少運行時支持代碼的 JavaScript 輸出。它仍處于早期階段，這里有一些相關的要點：
- Vapor Mode 適用于主要關注性能的用例。它是可選的，不會影響現有的代碼庫。
- 開發者將能夠將 Vapor 組件子樹嵌入到任何現有的 Vue 3 應用中。在理想情況下，希望可以在組件級別實現粒度選擇，這意味著可以在同一個應用中自由混合 Vapor 組件和非 Vapor 組件。
- 僅使用 Vapor 組件構建應用允許從 bundle 中刪除虛擬 DOM 運行時，從而顯著減少 baseline 運行時大小。
- 為了獲得最佳性能，Vapor Mode 將僅支持 Vue 功能的一個子集。特別是，Vapor Mode 組件將僅支持 Composition API 和 <script setup> 。但是，這個受支持的子集在 Vapor 和非 Vapor 組件之間的工作方式完全相同。
下面就來詳細看看，Vapor Mode 是什么，它是如何工作的，以及它的未來！
Vapor 模式是受 Solid.js 啟發的一種新的替代編譯策略。它旨在通過將代碼編譯為更高效的 JavaScript 輸出來增強應用的性能。
當在應用級別使用時，可以完全刪除虛擬 DOM，從而減少應用的包大小。
? 使用 Vapor Mode 的好處如下：
Solid.js 具有與 Vue 非常相似的響應式系統，它們都在其響應式系統中使用代理，并具有基于讀取的自動跟蹤。這就是為什么 Vue 可以實現與 Solid.js 類似的編譯策略。
給定相同的 .vue 單文件組件，Vapor Mode 能夠將其編譯為性能更高的 JavaScript 輸出。
為了實現最佳性能，Vapor Mode 僅支持 Vue 功能的一個子集，包括新的 Composition API 和帶有＜script setup＞的.vue單文件組件（SFC），這些是 Vue 3 的新默認應用編寫方式。
目前，Vue 采用混合 VDOM/編譯器方法。編譯器獲取 SFC 的模板，對其進行分析并將其提供給虛擬 DOM。
這種編譯器通知的虛擬 DOM 方法使 Vue 在執行 DOM 操作時比 Svelte 4 等無 V-DOM 工具表現得更好。
可以使用 .vapor 文件名后綴來啟用它。
最終目標是在同一個應用中自由混合 Vapor 和非 Vapor 組件。
注意：Vapor Mode 最初將僅使用 Vapor 樹集成到 vDOM 中，并在此基礎上逐步提高它們之間的互操作性。
通過這種方式編譯的應用程序將能夠完全刪除虛擬 DOM 運行時，只包含極為輕量級的@vue/reactivity和 vapor mode 運行時輔助程序。與當前使用 vDOM 的 Vue 3 應用的基線大小（約 50KB）相比，這樣編寫應用的基線大小僅為約 6KB，實現了高達 88%的壓縮比！
這是一項可選功能，不會影響現有的代碼庫。如果計劃將 Vue 版本升級到包含 Vapor Mode 的版本，這不會引入任何與 Vapor Mode 相關的重大更改。
Vapor Mode 將能夠與 vDOM 組件進行互操作。因此，如果希望使用像 Vuetify 這樣的虛擬 DOM 庫， Vapor Mode 仍然能夠支持它。
Vapor Mode 仍在開發中，下面有一些相關消息：
在這個階段，引入了所有 Vapor 運行時相關的幫助生成代碼的輔助程序。這個階段已經基本完成。
?? 階段目標：
這一階段的主要重點是確保可以使用 Vue 模板或 JSX 并將其轉換為運行時可以處理的內容。
?? 階段目標：
那為什么需要中間表示呢？
由于沒有虛擬 DOM，Vapor Mode 的編譯過程無需手動創建渲染函數。然而，一些用戶需要 JavaScript 的廣泛靈活性。在這種情況下，可以將 JSX 編譯為 Vapor 代碼。
模板和 JSX 都經過轉換為相同的中間表示，最終編譯為 Vapor 代碼。
Vue 的目標是讓 Vapor 能夠無縫地融入現有的應用，而無需對當前的設置進行任何修改。可以在組件級別進行選擇，以便能夠逐步將其引入到應用的一部分中，或者特別是在性能關鍵的區域中使用。這樣，可以根據需要靈活地利用 Vapor，并在需要時將其引入到現有的應用程序中。
?? 階段目標：
在首次發布時，Vapor Mode 將僅提供基本的核心功能，而諸如<Transition />、<KeepAlive />、<Teleport />、Suspense 等輔助功能將在 Vue 團隊完成前述目標后進行實現。
本文鏈接：http://www.www897cc.com/showinfo-26-20060-0.html即將到來的 Vue 3 “Vapor Mode”
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權所有 sitemap.xml
違法及侵權請聯系：2376512515@qq.com 津ICP備18001702號
津公網安備 12010102000574號