当网速很慢的时候,v-cloak结合css样式,可以解决页面出现{{xxx}}的问题。
Vue实例创建完毕并接管容器后,会删除v-cloak属性
<div id="root">
<h1 v-cloak>{{name}}</h1>
</div>
<script type="text/javascript">
new Vue({
el:'#root',
data:{
name:'今天是2022.2.22'
}
})
</script>
注意: 简单项目的页面中,v-cloak 指令是解决屏幕闪动的好方法