首先我们需要了解什么是指令?指令的本质就是自定义属性。
在vue中,指令的格式:以v-开始(比如:v-cloak)
在插值表达式中存在“闪动”的问题,在浏览器比较卡的情况下频繁刷新时会看到花括号的内容,
要解决这个问题就要使用v-cloak指令,例:
v-cloak指令用法:
1、提供样式
[v-cloak]{
display: none;
}
2、在插值表达式所在的标签中添加v-cloak指令
此指令的原理:先通过样式隐藏内容,然后在内存中进行值的替换,替换好了之后再显示最终的结果。
首先我们需要了解什么是指令?指令的本质就是自定义属性。
在vue中,指令的格式:以v-开始(比如:v-cloak)
在插值表达式中存在“闪动”的问题,在浏览器比较卡的情况下频繁刷新时会看到花括号的内容,
要解决这个问题就要使用v-cloak指令,例:
v-cloak指令用法:
1、提供样式
[v-cloak]{
display: none;
}
2、在插值表达式所在的标签中添加v-cloak指令
此指令的原理:先通过样式隐藏内容,然后在内存中进行值的替换,替换好了之后再显示最终的结果。
相关文章: