v-cloak v-text v-html

 

 

1.当网速慢，请求js是，数据还未显示出，会显示{{msg}} ，通过这个v-cloak，来让{{msg}}先不显示

[v-cloak]{

            display: none;

}

使用v-cloak 能够解决 插值表达式闪烁问题 

        <p v-cloak>---{{msg}}---</p>

2.默认v-text是没有闪烁问题 

   v-text会覆盖元素中原本的内容，但是 插值表达式 只会替换自己的这个占位符，不会把整个元素的内容清空 

        <h4 v-text="msg">----</h4>

3.

<div v-html="msg2">---</div>

 会显示样式 但是还是会覆盖元素中原本的内容