Vue.js 基礎 1.0版本理解

官網：http://cn.vuejs.org/v2/guide/...
中國人發明的，有不少中國文檔

特色：html模板+json數據，再建立一個Vue實例
數據驅動：自動追蹤依賴的模板表達式和計算屬性
組件化：用解耦、可複用的組件來構造界面
輕量： ---24kb 無依賴
快速：精確有效的異步批量DOM更新

好處：
可擴展的數據綁定機制
原生對象即模型
簡潔明瞭的API
組件化UI構建
多個輕量庫搭配使用

安裝：
在項目中引人vue.js
1.網上下載
2.npm install vue(默認下載2.0版本)最新版本

跟angular比較：
相對angular，vue源碼比較輕，因此它是輕量級，它比angular 性能好些
缺點：沒有angular功能齊全，angular封裝了ajax （$http）

3.new Vue()：
用Vue 建立一個構造器，往Vue構造器傳遞一個對象，這個對象有el屬性和data屬性
el：節點至關於angular控制器，若是el：'#demo',就控制全部標籤

4.表達式{{}}，支持渲染各類類型的數據，裏面支持字符串的拼接，算術運算，三元表達式，
在標籤的屬性裏面放表達式
<p name = ''{{name}}''></p>

在裏面放函數：綁定函數
<button @click = ''test()''></button>
在構造器裏面增長一個methods屬性，傳對象進去
Methods:{

Test:function(){
    
}

}

5.雙向數據綁定
<input v-model = ''name''>
<p>{{name}}</p>