避免vue表达式在加载时的闪烁

来源:互联网 发布:网络的利大于弊 编辑:程序博客网 时间:2024/05/21 14:50

在vuejs指令中有 v-cloak ,这个指令保持在元素上直到关联实力结束编译。和CSS规则如 [v-cloak]{display:none} 一起用时,这个指令可以隐藏未编译的Mustache标签直到实例准备完毕。用法如下:

[v-cloak]{    display:none;}
<div v-cloak>{{message}}</div>

这样 <div> 不会显示,直到编译结束

原创粉丝点击