这篇文章主要介绍Vue中v-cloak指令有什么用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

v-cloak

这个指令是用来保持在元素上直到关联实例结束时进行编译。

<div id="app" v-cloak>
    <div>
        {{message}}
    </div>
</div>
<script type="text/javascript">
    new Vue({
      el:'#app',
      data:{
        message:'hello world'
      }
    })
</script>

在页面加载时会闪烁（插值闪烁问题），先显示:

<div>
    {{message}}
</div>

然后才会编译为：

<div>
    hello world!
</div>

可以用 v-cloak 指令解决插值表达式闪烁问题，v-cloak 在 css 中用属性选择器设置为 display: none;

以上是“Vue中v-cloak指令有什么用”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注天达云行业资讯频道！