vue cdn引入 页面加载时出现模版渲染问题

初进页面 如果网速不好会出现 vue的语法模版显示

bug.png

bug问题出现的原因 vue的文件还未加载或还在加载中就会出现vue源码 我们可以使用 v-cloak 指令来解决这一问题。

<style>
[v-cloak]{
    display: none;
}
</style>
<div id="app" v-cloak>
    {{context}}
</div>

这样直至div内变量编译完毕后才会显示。