javascript - 如何在页面加载时隐藏 VueJS 语法？

Question

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

因此，当我在启用节流下载速度(设置为低连接)的浏览器上运行我的 vuejs 应用程序时。我在浏览器中得到未完成的 vue 语法输出。

我知道我们可以通过在整个页面加载之前显示加载图像 来解决这个问题，但是有没有解决这个问题的最佳解决方案？

Answer 1

您可以使用 v-cloak指令，如果您将它与正确的 CSS 组合，它将隐藏 Vue 实例直到编译完成。

HTML:

<div v-cloak>{{ message }}</div>

CSS:

[v-cloak] { display: none; }