Vue實戰專案開發 vue基礎精講

vue的每乙個元件都是乙個例項，該例項對應著很多屬性和方法。

生命週期函式就是vue例項在某乙個時間點自動執行的函式

插值：文字： } 資料繫結最常見的形式就是使用「mustache」語法 (雙大括號) 的文字插值：

原始html：v-html 雙大括號會將資料解釋為普通文字，而非 html **。為了輸出真正的 html，你需要使用 v-html 指令

操作純文字：v-text 它會替代顯示對應的資料物件上的值。當繫結的資料物件上的值發生改變，插值處的內容也會隨之更新。注意：此處為單向繫結，資料物件上的值改變，插值會發生變化；但是當插值發生變化並不會影響資料物件的值。

注意：這些模板語法v-***後面的內容都是js表示式

具體檢視vue官方文件：模板語法

可以通過三種方法實現屬性的運算：計算屬性、方法和偵聽器，如果乙個功能可以通過計算屬性和watch實現，選用計算屬性是最簡單的。

當改變了firstname和lastname時，set起作用，同時會重新計算fullname的值，頁面中的fullname也會發生變化

:calss=""
>hello world

這裡只上傳了乙個繫結樣式，另外三種可以在我的github上看到

v-if與v-show的區別：

bye world
}

不能通過陣列的下標來改變對應的內容，頁面不會發生對應的改變，只能通過push pop shift unshift splice sort reverse這7個方法來操作。(還可以直接運算元組的引用來改變內容)

:key="item.id"
>}------}

遍歷物件

不能直接動態的新增新的屬性（vm.userinfo.address = "beijing",這樣新增新的屬性，資料發生變化了，頁面卻不會變化），只能修改引用，重新改變整個物件

如果是陣列動態新增資料，也是可以用push pop shift unshift splice sort reverse這七種變異方法和引用新的陣列來實現，同時也可以使用set方法來完成，也是可以通過vue全域性方法set和例項vm的$set方法來改變。(這裡就不多贅述了)