这两天写页面出现了 在使用vue绑定数据的时候,渲染页面时会出现变量闪烁的情况,给大家总结分享一下
直接看代码
<style>
[v-cloak] {
display: none !important;
}
</style>
<body>
<div class="#app" v-cloak>
<p>{{msg}}</p>
</div>
</body>
<script>
new Vue({
el:"#app",
data:{
msg:'hello word'
},
})
</script>
在加载页面的时候会看到 {{msg}} 一闪而过,然后才出现动态的数据
只需要在 根标签app上添加 v-cloak 样式中加入 v-cloak即可完美解决
今天的分享就到这了,感谢大家耐心观看