v-cloak解决Vue双大括号闪烁问题

相信不少人和我一样,初次查看一个技术的文档的时候,知识吸收的很慢,因为对这个技术的不熟悉导致不清楚各种操作的应用场景,当我意识到这件事之后,我决定换种学习思路,即以 实战为主,卡壳就查文档,会对这个技术理解得更加深刻
最近在练习Vue的使用的时候发现用 双大括号(即“Mustache”语法)的时候,每次刷新页面都是先显示双大括号的语法内容(即 { { message } } ),再显示实际内容 ( 即 12345678977 ),这就 导致了类似闪烁的现象,不仅很不美观,更是逼死强迫症...
 
 
因为它会出现Vue特有的双大括号,所以可以 确定是Vue的问题,所以现在就去查文档
翻看vue官方API文档的时候,先 ctrl+F网页搜索"双大括号"
 
发现搜索不到,再 搜索"Mustache"
 

nice,有结果,一个一个看,发现 有一个挺像会导致闪烁的情况(要是实在看不懂的话,搜索结果也就三个,一个一个试都可以)

根据文档,先在双大括号的位置加上指令

然后再css里面加上

再来看效果
 

 



猜你喜欢

转载自www.cnblogs.com/aukocharlie/p/11241712.html