v-cloak属性

作用

主要用来帮助我们解决插值表达式闪烁的问题

什么是插值表达式闪烁?

当我们网速加载速度比较慢的时候,插值表达式还没有渲染完成时
v-cloak与v-text属性,v-html属性

使用v-cloak来解决插值闪烁问题

v-cloak与v-text属性,v-html属性

v-text属性(不需要担心闪烁问题)

注意

v-text属性相比较于插值表达式{{}},不需要担心插值闪烁问题

作用

v-text属性与插值表达式有相同作用,都是用于显示数据

v-cloak与v-text属性,v-html属性

v-html

作用

用来将数据中的html文本渲染出来,而不是直接显示文本
v-cloak与v-text属性,v-html属性

注意

值得一提的是,v-html属性同样没有闪烁问题

v-cloak,v-text,v-html之间的不同

代码 解释
v-cloak 帮助解决插值表达式的闪烁问题,用data(数据)代替括号里的值 ,有闪烁问题方便灵活
v-text 直接将所在元素里的内容替换为对应的文本,无闪烁问题不够方便
v-text 直接将所在元素里的内容替换为对应的文本,无闪烁问题不够方便

相关文章: