Vue的核心思想

• 2021 年 1 月 24 日
• 筆記
• vue.js, vue的核心思想

Vue的核心思想主要分為兩部分： 1.數據驅動  2.組件系統

1.數據驅動

在傳統的前端交互中，我們是通過Ajax向伺服器請求數據，然後手動的去操作DOM元素，進行數據的渲染，每當前端數據交互變化時，可能要重新操作DOM元素，比較繁瑣，容易出錯；

而vue.js是一種基於MVVM思想的JavaScript庫，他側重於View層，利用Dircetives指令對DOM的操作進行了封裝，從而簡化了前端對於數據交換的操作。

當數據發生變化的時候，vue.js利用Dircetives指令去修改DOM，數據驅動DOM的變化，所以可以說DOM是數據的一種自然映射。

同時也通過DOM Listener來監聽view視圖的變化，當DOM發生變化時，被監聽到之後，實現model的變化，從而實現了數據的雙向綁定。

2.組件系統

擴展HTMl元素，實現了程式碼的封裝復用，每一個組件都代表了一個單獨ViewModel。每一個組件都對應一個工程目錄，組件需要的各種資源在這個目錄中進行維護，頁面是組件的容器，而不同的組件相互嵌套組合可以組成一個完整的頁面。