解決Vue初始化的時候，頁面閃爍現象

使用vue開發時，在vue初始化以前，因爲div是不歸vue管的，因此咱們寫的代碼在尚未解析的狀況下會容易出現花屏現象，看到相似於{ {message}}的字樣，雖然通常狀況下這個時間很短暫，可是咱們仍是有必要讓解決這個問題的，從網上搜了下，有博主給出的解決方案是，在css里加上：

[v-cloak] {
    display: none;
}

我試了一下，仍是沒有完全的解決問題，頁面加載以前，仍然會有短暫的花屏現象，摸索很久，終於找出一個解決方案，就是在個人根dom上加上  style="display: none;" :style="{display: 'block'}"

<div class="app" style="display: none;" :style="{display: 'block'}">
	{
  {message}}
</div>

ok，完美解決vue初始加載前的花屏現象

 

 

 

--------------------------------------------------------------

程序員交流qq羣：782974737，點擊加入