發(fā)簡(jiǎn)信
IP屬地：新北
-
Vue3 源碼解析（十）：watch 的實(shí)現(xiàn)原理
本篇文章筆者會(huì)講解 Vue3 中偵聽器相關(guān)的 api：watchEffect 和 watch 。在 Vue3 之前 watch 是 option...
-
Vue3 源碼解析（九）：setup 揭秘與 expose 的妙用
在前幾篇文章中我們一起學(xué)習(xí)了 Vue3 中新穎的 Composition API，而今天筆者要帶大家一起看一下 Vue3 中的另一個(gè)新鮮的寫法 ...
-
Vue3 源碼解析（八）：ref 與 computed 原理揭秘
在 Vue3 新推出的響應(yīng)式 API 中，Ref 系列毫無疑問是使用頻率最高的 api 之一，而 computed 計(jì)算屬性是一個(gè)在上一個(gè)版本中...
-
Vue3 源碼解析（七）：依賴收集與副作用函數(shù)
在上一篇文章《響應(yīng)式原理與 reactive》中由于篇幅限制筆者留下了兩個(gè)小懸念 track 依賴收集處理器與 trigger 派發(fā)更新處理器沒...
-
Vue3 源碼解析（六）：響應(yīng)式原理與 reactive
今天這篇文章是筆者會(huì)帶著大家一起深入剖析 Vue3 的響應(yīng)式原理實(shí)現(xiàn)，以及在響應(yīng)式基礎(chǔ) API 中的 reactive 是如何實(shí)現(xiàn)的。對(duì)于 Vu...
-
Vue3 源碼解析（五）：Patch 算法與 React 一樣，Vue 在處理虛擬 DOM 的更新時(shí)，也有自己的 diff 算法 —— patch。 什么是 patch Vue 在通過 ...
-
Vue3 源碼解析（四）：代碼生成器
在 Vue3 源碼解析系列的第一篇文章中，筆者帶領(lǐng)大家一起走了一遍一個(gè) Vue 對(duì)象實(shí)例化的流程，在一起看 @vue/compiler-core...
-
Vue3 源碼解析（三）：靜態(tài)提升
什么是靜態(tài)提升 Vue3 尚未發(fā)布正式版本前，尤大在一次關(guān)于 Vue3 的分享中提及了靜態(tài)提升，當(dāng)時(shí)筆者就對(duì)這個(gè)亮點(diǎn)產(chǎn)生了好奇，所以在源碼閱讀時(shí)...
-
Vue3 源碼解析（二）：AST解析器上一篇文章中，我們從 packges/vue/src/index.ts 的入口開始，了解了一個(gè) Vue 對(duì)象的編譯流程，在文中我們提到 base...