v-cloak是前端框架vue.js中的一个方法，作用是为了防止在页面加载时先出现变量名闪烁的情况，造成不好的用户体验，

例如：{{ v.name}} (闪一下)=> 张三

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

用法：html中：<h1  v-cloak> {{ v.name }} </h1>

　　　css中：[ v-cloak ] {

　　　　　　　display:none

　　　　　　　}

 

拓展：v-cloak 中的 display 属性有优先级，容易被覆盖，导致达不到效果

办法：display:none !important (是不是一劳永逸)

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄