官網:http://cn.vuejs.org/v2/guide/installation.html
中國人發明的,有很多中國文檔
特點: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.表達式{{}},支持渲染各種類型的數據,里面支持字符串的拼接,算術運算,三元表達式,
在標簽的屬性里面放表達式
在里面放函數:綁定函數
在構造器里面增加一個methods屬性,傳對象進去
Methods:{
Test:function(){
}
}
5.雙向數據綁定
{{name}}
b