分类：html出现{{}}

2020
11-16

浅谈vue在html中出现{{}}的原因及解决方式

原因：浏览器渲染机制，解析html结构->加载外部脚本和样式表文件->解析并执行脚本代码->构造htmldom模型->加载图片等外部文件->页面加载完毕。初始化vue的js写在页面底部，也就是最后才执行js脚本。所以页面从头到尾开始渲染时，渲染到标签时，由于vue还未初始化，所以就会显示类似这样的代码<h2>{{courseName}}</h2>当网速很慢的时候就看得比较清楚，可能会让用户误以为bug之类的，快一点的话就是一闪而过，体验不是很... 继续阅读 >