vue.js 第二課

標籤：簽名   component   template   邏輯   手工   樣式   實現   http   模板   

實現響應的資料繫結和組合的視圖組件。讓資料與Dom保持同步 。在使用jq手工操作DOM時，我們的代碼常常是命令式的、重複的、易錯的。Vue.js擁抱資料驅動的視圖概念。簡單的講，它意味著我們在普通的html模板中使用特殊的文法將DOM綁定到底層資料。一旦建立了綁定，DOM將與資料保持同步。每當修改了資料，DOM變響應的更新。這樣我們應用中的邏輯就幾乎可以直接修改資料了，不必擔心與DOM更新攪在一起。這樣我們的代碼更易辨析、理解與維護。 1、v-if=“”判斷指令；javascript中等於0就等於false。 oApp.getting=0 消失2、組件系統組件系統是vue.js另一個重要概念。它提供了一種抽象，讓我們可以用獨立可複用的小工具來構建大型應用。如果我們考慮到這點，幾乎任意類型的應用的介面都可以抽象化一個組件樹。3、定義模板、註冊組件第一步： 自訂標籤，;第二步：通過vue.extend({template:真是的標籤})，定義組件名字 ；第三步：通過vue.component（‘自訂的標籤名’，自訂的組件名），綁定關係；4、舊網站變vue組件化樣式：舊網站布局：vue化布局：

 

 

vue.js 第二課