Vue面試題之如何解決vue第一次加載的時(shí)候 頁(yè)面上使用的數(shù)據(jù)會(huì)閃爍?
2022-08-29 23:58:21

引起數(shù)據(jù)閃爍的原因：界面加載的時(shí)候會(huì)把節(jié)點(diǎn)直接掛載到文檔樹(shù)中,導(dǎo)致{{msg+"666"}}這個(gè)字符串會(huì)顯示一下，vue對(duì)象生成data數(shù)據(jù)時(shí)候 回去刷新界面把{{msg+"666"}}字符串替換成結(jié)果字符串，導(dǎo)致界面第一次加載的時(shí)候會(huì)閃屏。

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