使用vue闪现vue代码

最近使用vue，发现在加载vue数据之前，先会加载一次普通页面，这时候vue的数据就会变成普通的文本被展示出来。虽然只是一闪而过，但是还是很丑。

最后想到一种办法，用一个div把使用vue的部分扩上，让他先不展示，再使用vue的v-show，判断条件再展示。

<div id="follow_task_plan" style="display:none;" v-show="判断条件">
   <!-- 使用vue的代码-->
</div>

id用来确定vue使用的范围， style设置为隐藏，v-show里就写判断的条件就可以了。

群里的小伙伴看过这个之后。 告诉了我个更简单的办法

v-cloak可以解决这一问题，在css中加上

[v-cloak]{
        display : none;
}

在html中的加载点加上v-cloak，就可以解决这一问题

<div id="app" v-cloak>
        {{msg}}
</div>

这个方法我还没有亲测。先放上来。 以后有机会再试下。