Vuejs – 隐藏页面加载时的vuejs语法

也许这是一个微不足道的问题。

所以，当我在浏览器上运行我的vuejs应用程序，并启用节stream下载速度（设置为低连接）。 我在浏览器中输出了未完成的vue语法输出。

我知道我们可以在整个页面加载之前显示加载图片的技巧，但它有什么最好的解决scheme来解决这个问题？

Answer 1

您可以使用v-cloak指令，这将隐藏vue实例，直到编译完成

Answer 2

我附上了以下的codepen。 你可以看到有和没有v-cloak的区别。

 <div id="js-app"> [regular]Hold it... <span>{{test}}</span><br/> [cloak]Hold it... <span v-cloak>{{test}}</span> </div> 

---

http://codepen.io/gurghet/pen/PNLQwy