查漏补缺——说说v-cloak

问题

如题所示

答案

相关源码：

<template>
    <div id="app" v-cloak>
        <loading></loading>
        <layout-header></layout-header>
        <layout-body></layout-body>
        <layout-footer></layout-footer>
    </div>
</template>

[v-cloak]{
  display: none;
}

v-cloak 的用法

Vue指令---v-clock

这里把这个指令加在了App.vue这个文件上，按照上面，这应该是防止所有组件里的插值表达式里变量因为网速慢的问题出现闪烁。加上这条指令之后，当出现网速慢的情况，页面会将那些样式不显示，有了响应之后，再重新显示。