首先我们需要了解什么是指令?指令的本质就是自定义属性。

在vue中,指令的格式:以v-开始(比如:v-cloak)

在插值表达式中存在“闪动”的问题,在浏览器比较卡的情况下频繁刷新时会看到花括号的内容,

要解决这个问题就要使用v-cloak指令,例:

vue学习之v-cloak指令(二)

v-cloak指令用法:

     1、提供样式

      [v-cloak]{

          display: none;

       }

     2、在插值表达式所在的标签中添加v-cloak指令

此指令的原理:先通过样式隐藏内容,然后在内存中进行值的替换,替换好了之后再显示最终的结果。

 

相关文章: