為什麼 React/Vue 渲染這麼快，明明瀏覽器操作 DOM 很慢？因為它們透過「虛擬 DOM (Virtual DOM)」來優化實際 DOM 的更新。
原理：虛擬 DOM 是實際 DOM 的輕量級 JavaScript 物件表示。當狀態改變時，框架會生成新的虛擬 DOM，並與舊的進行比對（diffing）。它只將計算出的「最小差異」一次性批量更新到真實 DOM 上。
實務技巧：
• 理解狀態變更應產生新物件，避免直接修改舊狀態
• 適時使用優化手段如 React.memo 或 Vue 的 computed 屬性
• 專注於邏輯和狀態管理，讓框架處理 DOM 效率
📌 拿走的知識點在這：虛擬 DOM 不是取代真實 DOM，而是聰明地減少與優化對真實 DOM 的操作次數。