實(shí)例

如上圖所示，左上角的菜單數(shù)據(jù)是動(dòng)態(tài)獲取的，在獲取到數(shù)據(jù)之前，菜單里是一片空白的。
取到數(shù)據(jù)之后，才會(huì)將數(shù)據(jù)填充進(jìn)去，在這期間會(huì)出現(xiàn)閃爍的現(xiàn)象。
解決辦法：使用v-cloak

html結(jié)構(gòu)如下：

<ul v-cloak>
  <li v-for="(item, index) in 10" :key="index">{{item}}</li>
</ul>

第一步，在閃爍元素的最外層添加上一個(gè)v-cloak
第二步，CSS代碼

// 在填充數(shù)據(jù)之前隱藏
[v-cloak] {
    display: none;
}

這里的意思是，在模板初始化錢，隱藏帶有v-cloak的標(biāo)簽。