vue项目中代码暴露问题

vue项目中代码的暴露问题

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

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

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

解决办法:

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

中间是你需要渲染的数据

css:

[v-cloak] {
	display: none;
}

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

你可能感兴趣的:(web前端)