vue js代碼塊：

var divApp = new Vue({  
el: '#divApp',  
data: 
{    
isActive: true,    
hasError: false,   
type: 'A'  },  
// 在 `methods` 對(duì)象中定義方法  
methods: {  
}
}
)

css 代碼：

[v-cloak] 
{ 
display:none;
}

下面看下vue學(xué)習(xí)中v-if和v-show一起使用的問題

v-if和v-show一起使用

在開發(fā)項(xiàng)目過程中v-if和v-show一起使用時(shí)，接下面跟著的v-else會(huì)在頁面上面顯示兩次 。代碼如下：

   
       {{index+1}}
       {{item.number}}
   
   
       暫無數(shù)據(jù)
   

原因其實(shí)很簡(jiǎn)單，根據(jù)vue的文檔描述：

當(dāng)它們都處于同一節(jié)點(diǎn)時(shí)，v-for 的優(yōu)先級(jí)高于 v-if。這意味著，v-if 將分別在循環(huán)中的每次迭代上運(yùn)行。

 也就是v-if會(huì)判斷兩次。

當(dāng)然這樣用也有它的好處，當(dāng)你只想將某些項(xiàng)渲染為節(jié)點(diǎn)時(shí)，這會(huì)非常有用，如下：(以上只渲染 todos 中未完成的項(xiàng)。)

 {{ todo }}

如果你的意圖與此相反，是根據(jù)條件跳過執(zhí)行循環(huán)，可以將 v-if 放置于包裹元素上

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何解決Vue中 v-if 和v-else-if頁面加載出現(xiàn)閃現(xiàn)的問題”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!