使用vue 的双向绑定时,页面开始渲染时,在变量处会有一瞬间显示变量名,效果如下:
这种显示不好看,在前端用户不会想看到这种无法理解的东西。
解决方案:
<style>
[v-cloak]{
display: none;
}
</style>
<div id="container" v-cloak>
...
</div>
在使用vue的元素上加上v-cloak,style中也写入如上代码。
即可实现。
参考文章:https://blog.csdn.net/lc0012/article/details/95757407