vue踩坑填坑(三):語法指令問題

一、v-html和v-text的使用。

v-html可識別html標籤,v-text只可賦值文字。

注意:v-html解析的標籤不會被vue解析,不可在v-html綁定的標籤內使用依賴vue解析的語法。



二、v-for中的數據變化時,存在以下兩種情況不會重新渲染頁面。

1、當你利於索引改變其中一個值時,例如:vm.items[indexOfItem] = newValue;

2、當你修改數組的長度時,例如:vm.items.length = newLength;

爲了解決這兩種情況不重新渲染頁面的問題,現在對於這兩種情況採用以下的寫法:

1、對於第一個問題,可以採用強制重新set一下items。

 Vue.set(items, index, {'name':'XXX','url':'XXX');

2、對於第二個問題

items.splice(newLength)

三、v-if和v-show

1、v-if 當值爲 true時,顯示div ,當值爲false時,改元素消失,代碼也會消失,相當於將代碼刪除了,當在爲true時,頁面會重新渲染div; 
而v-show 控制的隱藏出現,只是將css屬性設爲了display:none 或block;

2、v-if 後還有 v-else 和 v-else-if 條件渲染,這裏需要注意的是v-else 必須緊跟 v-if 或v-else-if 




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章