小编典典

如何在页面加载时隐藏 VueJS 语法?

all

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

所以,当我在浏览器上运行我的 vuejs 应用程序时,可以限制下载速度(设置为低连接)。我在浏览器中得到了未完成的 vue 语法输出。

Vue
js语法出现在浏览器中

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


阅读 64

收藏
2022-07-28

共1个答案

小编典典

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

HTML:

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

CSS:

[v-cloak] { display: none; }
2022-07-28