vue.js介紹 （MVVM、核心思想）
vue.js 是一套輕量級的 MVVM 的漸進式框架。Vue 的核心庫只關注視圖層。
vue.js 的官方網址是：點我,我是網址
MVVM 介紹
MVVM 全稱是 Model - ViewModel - View 的簡稱。
Model 對應的是數據，JavaScript 對象。
View 對應的是視圖，也就是 DOM。
ViewModel 是連接 View 和 Model 的中間件，在 MVVM 下，View 和 Model 是不能直接通訊的，當數據變化（用戶操作視圖），ViewModel 都能監聽到變化，實現了雙向綁定。
熱門的 MVVM 框架有：vue.js react.js angular.js
MVVM 應用場景
1、針對具有復雜交互邏輯的前端應用。
2、提供基礎的架構抽象。
3、通過 Ajax 數據持久化，不需要重新刷新頁面，重新解析 DOM，保持前端的用戶體驗。
vue.js 核心思想
1、數據驅動。
DOM 是數據的一種自然映射。
數據響應原理（ TODO ）
2、組件化思想。（擴展 HTML 元素，封裝可重用的代碼）
組件設計原則
1、頁面上每個獨立的可視/可交互區域視為一個組件。
2、每個組件對應一個工程目錄，組件所需要的各種資源在這個目錄下就近維護。
3、頁面不過是組件的容器，組件可以嵌套自由組合成完整的頁面。
vue-cli 腳手架工具
vue-cli 介紹
工地上，腳手架是幫助工人作業搭建的架子。 vue-cli 可以幫助我們寫好 vuejs 代碼的工具，vue-cli 可以做什么：
1、目錄結構
2、本地調試
3、代碼部署
4、熱更新
5、單元測試 （ESlint）
安裝指令
npm 下載地址：點我，我是地址
安裝vue-cli：npm install -g vue-cli
初始化項目：vue init webpack 項目名
安裝依賴：npm install
（npm 版本需要注意：npm: 2.14.20 should be >= 3.0.0，可以事先升級 node 為最新版本，直接下載 dmg 進行安裝替換即可）
運行：npm run dev
運行項目
默認情況下，瀏覽器打開 http://localhost:8080，就可以看到腳手架項目初始化的效果了。
項目文件介紹
webPack 打包
1、webPack 是什么？
webpack是近期最火的一款模塊加載器兼打包工具，它能把各種資源，例如JS（含JSX）、coffee、樣式（含less/sass）、圖片等都作為模塊來使用和處理。
webpack的配置及其項目路徑介紹（#TODO）
開發工具
本次項目使用的開發工具是： webStorm , 具體配置方法可以參考：
1、添加 vue.js for webStorm 插件。
webStorm --> Preferences -->plugins-->Browse repositories, 搜索vue.js,點擊 install 即可。
2、添加 html 模版支持，讓 webStorm 識別 vue 后綴的文件。
找到這個地方，找到上面的html類型，將*.vue添加進其中。確定的時候會提示被占用了，要把那個清除掉，繼續就OK了。
這樣系統會把.vue文件看成html，也就能正確識別里面的<script>標簽了。
3、若是舊版本的 webStrom ，則修改 ES6 的語法支持。這里默認是ES5.1，把它改成ES6。 (2016.3版則默認是 ES6)
參考資料
vue.js 官方網站
慕課網 - vue.js 實戰
（轉載：簡書 李世鏗 Vue.js 介紹及其腳手架工具搭建）