99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

  
{{value.name}}

  
{{value.name}}

[v-cloak] {
  display: none;
}

[v-cloak] {
  display: none !important;
}

  {{msg}}

setTimeout(() => {
  new Vue({
    el: '#app',
    data: {
      msg: 'hello'
    }
  })
},2000)

[v-cloak] {
 display: none;
}

  {{msg}}

 Vue1.x 與 Vue2 中 v-cloak 的不同

Vue1 中，允許將 Vue 實(shí)例掛載在 body 上，而 Vue2 是不允許的，想對(duì)整個(gè)頁(yè)面實(shí)例化，需要另外用一個(gè) div 來(lái)容納整個(gè)頁(yè)面內(nèi)容，對(duì)其進(jìn)行實(shí)例化

這樣在使用 v-cloak 時(shí)，同樣需要用到這種方法

 為什么我用的 v-cloak 無(wú)效？

在實(shí)際項(xiàng)目中，我們常通過(guò) @import 來(lái)加載 css 文件

@import "style.css"
@import "index.css"

而 @import 是在頁(yè)面 DOM 完全載入后才會(huì)進(jìn)行加載，如果我們將 [v-cloak] 寫在 @import 加載的 css 文件中，就會(huì)導(dǎo)致頁(yè)面仍舊閃爍。

為了避免這種情況，我們可以將 [v-cloak] 寫在 link 引入的 css 中，或者寫一個(gè)內(nèi)聯(lián) css 樣式，這樣就得到了解決。

以上是“vue中v-cloak怎么解決刷新或者加載出現(xiàn)閃爍的問(wèn)題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！