Bootstrap

vue中解决小胡子的闪烁问题

闪烁的原因

          当标签内使用小胡子{{}}语法进行模板渲染时,由于Vue文件在HTML结构之后才引入,会导致{{}}模板代码在HTML中短暂停留,然后在渲染成真正的数据

解决方案

方案一

使用v-cloak指令结合CSS将元素默认隐藏起来,当数据变化时进行渲染,会自动显示,无需手动干预.代码如下:
 [v-cloak] {
display:none

}

方案二

不在HTML后面引入vue文件,在head区域引入

;