1.1. Vue簡介
Vue是一個前端的雙向綁定類的框架，發音[讀音 /vjuː/, 類似於 view]。新的Vue版本參考了React的部分設計，當然也有自己獨特的地方，比如Vue的單文件組件開發方式都很有創新，另外Vue自身的一些綁定的語法、用法等都非常精煉，很容易上手，而且第三方的插件都非常豐富，社區非常活躍，最新的文檔都有中文版本。而且Vue配合官方的和第三方的庫可以實現單文件的組件化開發、SPA等現代化前端開發。
1.2. Vue的入門demo
Vue 可以直接把它當做一個js庫使用，所以它可以很容易的接入到你的項目或者單個頁面中。甚至你可以只使用它的雙向綁定功能。所以它很容易上手。
比如：我們有一個需求，一個網頁上一個Div標簽，我們有一個json對象存儲數據，把json對象上的數據放到Div上去。
接下來是步驟：
第一步： 創建一個文件夾並創建一個html文件 比如：index.html.
當如你可以選擇你自己的編輯器，我就用VSCode。
第二步：引入Vue庫
<script src="https://unpkg.com/vue/dist/vue.js"></script>
當然了你可以直接下載Vue的js文件，推薦你直接用上面的cdn即可。
第三步：創建一個Div，給它一個id，比如：app
第四步：創建Vue的對象，並把數據綁定到上面創建好的div上去。
最終的代碼如下：
<!DOCTYPE html> <!--第一步：創建文件夾及html文件-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue入門之Helloworld</title>
<!--第二步：引入Vue庫-->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<!--第三步:創建一個Div-->
<div id="app">
<!--Vue的模板的綁定數據的方法， 類似於很多其他前端的模板，可以用兩對花括號進行綁定Vue中的數據對象的屬性 -->
{{ message }}
</div>
<!--第四步：創建Vue的對象，並把數據綁定到上面創建好的div上去。-->
<script>
var app = new Vue({ // 創建Vue對象。Vue的核心對象。
el: '#app', // el屬性：把當前Vue對象掛載到 div標簽上，#app是id選擇器
data: { // data: 是Vue對象中綁定的數據
message: 'Hello Vue!' // message 自定義的數據
}
});
</script>
</body>
</html>
最終的結果就是：
Hello Vue!
1.3. Vue的Helloworld總結
- Vue構造函數的：選項el屬性，就是element縮寫，當前Vue對象掛載到哪個標簽上的語法，支持CSS選擇器或者dom對象，一般用id選擇器選擇當前頁面的標簽。
- Vue的選項：data屬性是自定義數據。這里我們只是演示了一個message屬性，vue會把自定義的數據可以與html的模板數據進行綁定。
- Vue 數據綁定的方式就是用
{{}}，類似於handlebars. - 上面這個demo就是演示了Vue的綁定數據的基本模型。注意點，標簽先創建好了之后，再創建Vue對象，具體你應該懂吧。
其他詳情請參考：http://aicoder.com/vue/preview/all.html
Github地址：源碼下載
