一、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