单独使用vue.js时会闪现渲染前的内容

之前一直都是用apicloud做一些很小的app，同事最近提出内部使用vue.js插件，因为用apicloud的内置前端框架实在是太难受了，而且apicloud内不可以用jquery,angular等重型框架，然后vue是很轻量级的一个框架，于是开心的开启了开发之路，然而，做到一半发现在页面加载的时候未编译内容{{}}这种以及v-if,v-else都会全部出现，然后闪一下再正常显示应该显示的内容，但实在是太明显了，问题到了不可忽略的地步，经过一番询问终于找到了解决方案.
v-cloak
在vue官方是这样介绍v-cloak的:保持在元素上直到关联实例结束编译,和 CSS 规则如 [v-cloak] { display: none }
这样介绍就很明显了，只要我们在包含编译内容的根组件添加该属性，并在css中写上 [v-cloak] { display: none }问题也就完美解决啦