Vue介紹
Vue是一套用於構建用戶界面的漸進式框架。所以它很簡單，Vue核心只在乎View層。
學習vue首要條件是HTML/CSS/JS知識，才可以學習框架，這樣才得心應手。
學習目標
- vue起步
- MVVM介紹
- 應用情景/vue優點
vue起步
按照vue文檔裡介紹，基本用法以及程式講解。
按照codepen裡程式vue基本語法學習
- vue實例屬性介紹
- 聲明式渲染頁面。數據和dom已經建立關聯，所有東西都是響應式。
- el是告訴vue去接管dom標籤，可以理解vue實例已經被掛載到dom了。
- data指是數據，可以理解成代理數據。
- methods是存自定義方法，用意是執行函數。
- v-model
- 雙向綁定。指是輸入框的值和應用狀態值之間綁定。
- v-bind
- 動態綁定屬性，v-bind:item=”表達式”，透過這種方式把值傳給子組件。可以理解成item是變數
- v-for
- for 循環使用
- v-on
- 事件監聽器，當監聽事件被觸發時，就會執行事件處理函數。
- 組件化
- 組件理解成一個網頁裡有可以切成區塊。每個區塊都可以復用的，相對於比較好維護。
上面列出幾個基本語法，將會在vue文檔深入的章節，做一個總結。
MVVM介紹
根據以上圖，稍微介紹，詳細說明，請到下面參考來源
- view 表示視圖，是在頁面上展示內容
- ViewModel 表示一個監聽者，包含dom listener, data binding，監聽左右層數據變化。當資料修改時，會反映給vm通知view更新，在整個過程裡是由vm去操作和處理，一句話描述自動更新數據是vm層。我們不需要像以前那樣枯燥方式手動去操作dom。
- model 表示數據 對象/物件 (詞差異，意思是一樣)
透過這個模式，我們就可以只寫數據就好
應用情景/vue優點
曾經使用jquery來操作DOM 添加/刪除 元素來更新頁面。vue出現，我們可以不用直接操作DOM。為什麼呢，你要知道直接誒操作dom的成本很大，影響性能。
vue可以幫我們解決問題，達到即時響應式。也就是說當數據有變化時，會即時重新渲染頁面，以及更新數據。
好處是我們不用理其他，我們只需關注數據就可以了。數據改變，視圖就會響應更新數據。
知識點理解
- 漸進式框架 - 漸進是vue主張的一個特點，意思是一步一步去搭建，而不是丟一堆沒用的東西去應用。例如我們在開發項目中，首先需要根據項目需求漸進式搭建項目，就是說用最小，最快成本去完成。