Vue面试题之如何解决vue第一次加载的时候 页面上使用的数据会闪烁?

引起数据闪烁的原因:界面加载的时候会把节点直接挂载到文档树中,导致{{msg+"666"}}这个字符串会显示一下,vue对象生成data数据时候 回去刷新界面把{{msg+"666"}}字符串替换成结果字符串,导致界面第一次加载的时候会闪屏。

解决方案:使用v-html,v-text指令操作,或者css中加[v-cloak] {display:none};在最大的div中加v-clock 属性。

posted @   前端小白银  阅读(49)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示