VUE-v-cloak

Posted congtt

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了VUE-v-cloak相关的知识，希望对你有一定的参考价值。

 
<style>
　　[v-cloak]{
　　　　display: none;
　　}
</style>
 
<body>
　　<div id="app">
　　<h1 v-cloak>{{ msg }}</h1>
</div>
 
过程：
1 通过 CSS样式将 带有 v-cloak 属性的元素隐藏
2 这样，我们就无法看到 {{}} 了
3 等到vue解析完毕，会将页面中带有 v-cloak 的元素移除这个属性
4 那么，dispaly:none 的样式就失效，此时，就展示了元素
5 展示元素的时候， 插值表达式{{}} 已经被解析为对应的数据了
因此，就解决闪烁的问题了~

以上是关于VUE-v-cloak的主要内容，如果未能解决你的问题，请参考以下文章