Vue在页面初次渲染时出现一闪而过的模板内容

Question

Vue在页面初次渲染时会出现类似于模板的本来内容，而不是数据绑定后的内容，该过程一闪而过，但还是足够显眼到引起人的注意，想请问大家有办法可以解决这个问题么？

Answer 1

v-cloak

Answer 2

方法1. 使用 v-cloak，并设置 [v-cloak] 的样式为 display: none（详见官方文档关于 v-cloak 的说明）

方法2. 使用组件，模板都写在组件中，html 文件中仅插入组件标签

Answer 3

用个“loading”的遮罩层。

Answer 4

CSS：

[v-cloak] {
    display: none;
}

HTML：

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