Vue 基礎概念

HuDu發表於2020-07-10

邏輯

  • 判斷
  • 迴圈

事件

  • 瀏覽器事件: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 協議》,轉載必須註明作者和本文連結