在开发过程中经常会发现当页面明明不应该出现的元素或内容会闪现一下然后消失，这篇文章给大家分享Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法，一起看看吧

在开发过程中经常会发现当页面明明不应该出现的元素或内容会闪现一下然后消失，最近研究了一下这个问题的原因和解决办法，这里和大家分享一下。 1.闪现的原因 这个问题是因为Vue要等到HTML DOM加载完成后才会执行JS的编译，所以对使用的指令如 v-if , v-show 或者使用了插值表达式 {{}} 都会出现闪现的情况。因为在这些判断条件或表达式执行之前，DOM已经渲染出来了，之后Vue才会执行相应的JS代码。 2.解决的办法 其实在了解了原因之后我们就有了大概的思路，既然是在JS执行之前会出