衆所周知，Vue是一個前端框架。
那麼就出現了第一個問題，什麼是框架？
框架指一套非常優秀的可以被反覆使用的代碼（軟件半成品）
Vue的開發者是尤玉溪，受到angular的啓發，是一個實現UI的漸進式js框架。比angular框架要簡單一點。
Vue (讀音 /vjuː/，類似於 view) 是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計爲可以自底向上逐層應用。Vue 的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠爲複雜的單頁應用提供驅動。
特點:
- 非常好的中文文檔
- 體積小
- 基於組件化（web componment）的開發方式
如何使用？
- 直接下載對應的vue.js文件，立即使用在項目中
- vue提供非常方便的工具（vue-cli）腳手架
- 首先需要安裝node.js
- 使用node.js安裝腳手架
- npm install --global vue-cli
- 創建一個基於腳手架工具項目 my-project
- vue init webpack my-project
- 安裝依賴工具（聯網安裝）
- cd my-project
- npm install
- npm run dev 啓動項目
概念：
vue.js是當前一個js的MVVM庫，它以數據驅動和組件化的思想構造而成，比起其他框架，簡潔上手快。
什麼是MVVM庫？
其實是軟件設計模型
如果在設計軟件時分門別類，哪一部分（程序）用於展現數據就是view：html 模型（Model）：項目中還有一部分（創建數據）php+ajax view單獨創建新的對象（擁有viewModel）：用於監聽數據是否發生變化 中間人
view：視圖 用戶界面 <div id = "app"></div>
Model：模型 數據 var obj = {msg:"hello"}
viewModel：中間人 view<----->model 紐帶
1、vue實現掛載到某個元素上
2、當vue實現創建後，形成雙向綁定
上邊dom listeners和data binding兩個工具
3、從view側看，vue中datalistener工具幫助我們監聽dom變化，如果dom變化更新model數據
4、如果從model側看，當我們更新model數據，vue中的data bindings工具會幫助我們更新view數據
vue開發基本流程
1、定義view
2、定義model
3、創建vue實例 new vue()，用於連接
創建vue實例，需要傳入選項：
數據 data：
掛載元素 el：
方法
生命週期掛鉤方法（鉤子方法）
4、將數據綁定view元素，一堆大括號寫法{{message}} 獲取變量中值顯示內容
總結：
只是簡單總結，後續.....