Vue v-if/v-show/插值表達式導致閃現的原因及解決辦法

在開發過程中經常會發現當頁面明明不應該出現的元素或內容會閃現一下然後消失，最近研究了一下這個問題的原因和解決辦法，這裏和大家分享一下。 1.閃現的原因 這個問題是因爲Vue要等到HTML DOM加載完成後纔會執行JS的編譯，所以對使用的指令如 v-if , v-show 或者使用了插值表達式 {{}} 都會出現閃現的情況。因爲在這些判斷條件或表達式執行之前，DOM已經渲染出來了，之後Vue纔會執行

>>阅读原文<<