这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none }
一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。
<div v-for="(item,index) in materialList" :key="index" :index="index" v-cloak>
</div>
<style type="text/css">
[v-cloak]{
display: none !important;
}
</style>
部分div可能存在display:block;使用!importtant提高v-clock的优先级。v-clock会在实例加载结束后在div上分离