邏輯
- 判斷
- 迴圈
事件
- 瀏覽器事件:window document
- Dom事件:增、刪、遍歷,修改節點元素內容
檢視
- html
- css
通訊
- xhr
- Ajax
- axios
Vue
soc關注度分離原則
關注檢視層:給使用者看,重新整理後臺給的資料
網路通訊:axios
頁面跳轉:vue-router
狀態管理:vuex
Vue-ui:
Vue 是集大成者
MVVM + Dom
MVVM 模式的實現者
- Model:模型層,在這裡表示JavaScript物件
- View:檢視層,在這裡表示DOM(HTML操作的元素)
- ViewModel:連線檢視層和資料的中介軟體,Vue.js就是 MVVM 中的ViewModel 層的實現者
再MVVM架構中,是不允許資料和試圖直接通訊的,只能夠通過ViewModel來通訊,而ViewModel就是定義一個Observer觀察者
- ViewModel能夠觀察懂啊資料的變化,並且對試圖對應的內容進行更新
- ViewModel能夠監聽到檢視的變化,能夠通知資料發生改變
通過 cdn 引入 vue
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
本作品採用《CC 協議》,轉載必須註明作者和本文連結