解決了原始html，css，js的UI與數據狀態之間同步的難題，避免了大量的操作DOM代碼。
使用了React，Angular和Vue，我們只需要定義一次 UI 界面，不再需要為每個操作編寫特定的 UI 代碼，同時，每個相同的狀態均有相同的輸出：當狀態改變后，框架自動更新（對應的）視圖。
框架工作：
React：
重新渲染整個組件。當組件中的狀態發生改變時，在內存中計算出（新的）DOM 結構后與已有的 DOM 結構進行對比。這樣會消耗很多資源。因而采取（將真實 DOM）映射為虛擬 DOM ，通過對比狀態變化前后虛擬 DOM 的不同，計算出變化后再改變真實 DOM 結構。這個過程稱為調和（reconciliation）。
Angular和Vue：
添加Observer監測變化，如 Angular 和 Vue.js。應用中狀態的屬性會被監測，當它們發生變化時，只有依賴了（發生變化）屬性的 DOM 元素會被重新渲染。