vue项目中代码暴露问题

vue项目中代码的暴露问题

由于vue使用的不够熟练，所以在使用的过程中还是存在好多细小的问题，近日碰到的会做个整理，给自己备用
我这里是在使用apicloud的过程中，直接通过script来引入vue包，所碰到的问题，如果是前后分离可能有更好的方式
html页面代码

诸如此类的mustache语法的方式来展示变量内容，会出现代码暴露的情况

也就是说在页面还没有完成渲染的时候，{{}}会直接暴露

解决办法：

在外层的#app上添加属性v-cloak 同时添加css
html:

<div id="app" v-cloak>
  中间是你需要渲染的数据
</div>

css:

[v-cloak] {
	display: none;
}

比较全面的相关信息：请查看改地址