使用v-cloak指令，v-cloak不需要表达式，它会在Vue实例结束编译时从绑定的HTML元素上移除，经常和CSS的display:none配合使用。
<div id="app" v-cloak> {{message}} </div> <script> var app = new Vue({ el:"#app", data:{ message:"这是一段测试文本" } }) </script>
当网速较慢、Vue.js 文件还没加载完时，在页面上会显示{{message}}的字样，直到Vue创建实例、编译模版时，DOM才会被替换，所以这个过程屏幕是有闪动的。只要加一句CSS就可以解决这个问题了：
[v-cloak]{
display:none;
}原文：https://www.cnblogs.com/hspl/p/13649305.html