tag 框架源碼

標籤
貢獻1
18
02:45 AM · Nov 23 ,2025

@框架源碼 / 博客 RSS 訂閱

kayo5994 - Vue 響應式原理剖析 —— 數據更新常見問題

概況 在 Vue 開發的過程中,多少都會遇到數據更新後,頁面沒有更新渲染這類問題。而在上兩篇文章《Vue 響應式原理剖析 —— 從實例化、渲染到數據更新(上)》和《Vue 響應式原理剖析 —— 從實例化、渲染到數據更新(下)》中,從「實例化」、「渲染」、「數據更新」三條線完整地講述了 Vue「響應式」的工作原理,本文正是基於這些原理去解決一些常見的數據更新相關問題。 對象數據的某些修改無法被檢聽?

框架學習 , vue.js , 觀察者模式 , 框架源碼 , 響應式

收藏 評論

kayo5994 - Vue 響應式原理剖析 —— 從實例化、渲染到數據更新(下)

在上一篇文章中,梳理了 Vue 實例化和渲染的基本邏輯,並且介紹了訂閲者模式這種設計模式,Vue 的「響應式」實現本質上也是一個訂閲者模式,但是由於 Vue 需要考慮更加複雜的情況,並且需要在其中作出大量優化操作,因此具體實現也會複雜很多。通過上面對訂閲者模式的介紹,觀察目標類,觀察者管理類,觀察者是訂閲者模式中的三個基本要素,Vue 內部也會有對應的實現,下面通過更詳細地説明 Vue「響應式」的

框架學習 , vue.js , 觀察者模式 , 框架源碼 , 響應式

收藏 評論

kayo5994 - Vue 響應式原理剖析 —— 從實例化、渲染到數據更新(上)

概況 最近對一個基於 Vue 項目的 Sentry Issue 進行治理時,發現了大量 Issue 都是 Vue 內部邏輯引起的,為了更好地去解決問題,因此也複習了一遍 Vue2 的原理。 相比起 Vue3 更清晰的項目結構和實現,Vue2 中各個部分的實現存在較多的耦合,也導致其邏輯梳理起來較為複雜。其中「響應式」的部分是最為複雜也是最重要的一環,實際項目中大部分的 Issue 也與其相關,如

框架學習 , vue.js , 觀察者模式 , 框架源碼 , 響應式

收藏 評論