1. 程式人生 > >v-cloak、v-text和v-html的異同

v-cloak、v-text和v-html的異同

同:

在網速慢的情況下,頁面會顯示{{xx}},然後等到解析完成後,才會改變成相應的資料;

所以使用這三種指令都可以防止插值表示式的閃爍;

[v-clock] {
    display:none
}
<p v-cloak>{{msg}}</p> 其中 v-cloak要在樣式中設定屬性,才可以
<p v-text='msg'>11<p>
<p v-html='msg'>11<p>

異:

其中,

1: v-cloak要設定相應的樣式才能防閃爍;而v-textv-html預設就沒有閃爍問題;

2:在使用v-cloak的元素標籤中新增其他的內容,渲染完頁面後會被保留,而v-textv-html如果在元素標籤中填寫其他,頁面載入完成後,會被覆蓋掉

3:其中v-html會識別資料中的標籤元素,而v-cloakv-text則不會識別元素標籤