一般vue.js文件放在最后,由于浏览器是从头到尾的渲染机制,在没有读取到识别符对应的js控制语句就会直接显示{{xxx}}
这个问题可以用vue的一个特点解决,就是Vue会自动屏蔽掉自定义属性
我们可以为对应的dom节点添加一个自定义属性,比如 dom-hidden(官方:v-cloak)
然后css定义 : [dom-hidden]{ display:none;}
这个属性在vue加载完成后被忽略,于是就解决了加载慢的问题。
一般vue.js文件放在最后,由于浏览器是从头到尾的渲染机制,在没有读取到识别符对应的js控制语句就会直接显示{{xxx}}
这个问题可以用vue的一个特点解决,就是Vue会自动屏蔽掉自定义属性
我们可以为对应的dom节点添加一个自定义属性,比如 dom-hidden(官方:v-cloak)
然后css定义 : [dom-hidden]{ display:none;}
这个属性在vue加载完成后被忽略,于是就解决了加载慢的问题。