今年暑假,Vue3.6 官宣兩大黑科技:Vapor Mode (無 Virtual DOM 編譯) 與 Alien Signals (高速依賴追蹤)。
這不只是效能飆升,而是顛覆我們理解框架的方式!
本系列讓我們一起拆解 Composition API,實戰 Composable,從語法到底層,全面理解 Vue3.6 的 Composition API,直擊新特性背後的底層邏輯,打造更可維護、可擴展的專案架構。
資料傳遞的方法 props / emit / v-model 明顯看到主要是以一層傳遞一層的方法執行,但是如果要多層怎麼辦呢? 這時候就要靠 provide /...
v-model 的進化主要是為瞭解決雙向繫結的靈活性和可擴充套件性問題。 在新的版本中,v-model 不僅僅是用於表單元素的簡單雙向資料繫結,還支援跨元件的資...
按照前一天的綁定模式做一個「型表單範例」,直接看到 v-model 底層從「共享 → 包裝 → 轉換」的效果,今天透過更詳細的案例說明,不只知道 v-model...
去年鐵人賽我做了一個任務管理系統來練後端,今年決定延續這個作品,挑戰把前兩週學到的 Vue 3 知識整合到一個實際的小專案。這不只是 CRUD,而是希望在一個小...
這一系列的第一個重頭戲來啦! Vue 3.6 把底層訊號系統換成 Alien Signals,效能和記憶體占用大幅下降,這意味著:我們在寫 composable...
昨天我們提到,Vue 3.6 在底層 runtime 針對「多個 composable 的組合」做了效能優化: 透過 EffectScope 與依賴追蹤的改進,...
開發的時候總會想怎麼才能改善效能?怎麼才能讓網頁跑得快?但是...真的是這樣嗎? 好多時候,「跑得更快」不如「設計得更好」,畢竟程式碼在未來還是有機會擴充維護,...
我們學了如何打造「單一職責、可組合」的 composable,並且讓多個 composable 一起運作時,充分發揮 Vue 3.6 的效能優勢。 但如果我們拆...
Vue 3.6 在開發寫法上沒有落差很大,但是他的底層效能真的是超級黑魔法,今天就讓我們一起探討讓多個 composable 一起跑,依然順暢的底層黑魔法! 在...