v-cloak

昨天下班的公车上，在找v-if控制显隐，页面加载出现闪现的问题，看到了v-cloak。一个很陌生的指令，之前完全完全没有见过（估计是我眼瞎，看文档没看齐全）

<div id="divApp">  
<div v-if="type === 'A'" v-cloak>    
A  
</div>  
<div v-else-if="type === 'B'" v-cloak>    
B  
</div>  
<div v-else-if="type === 'C'" v-cloak>    
C  
</div>  
<div v-else v-cloak>    
Not A/B/C  
</div>
</div>

需要配合如下

[v-cloak] 
{ 
display:none;
}

参考
https://www.sunzhongwei.com/hide-vuejs-variable-with-v-cloak-when-page-loading
https://www.cnblogs.com/zhaomeizi/p/10782358.html