Vue.js 基礎 1.0版本

官網: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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容