css样式名称带中括号是什么意思？

Question

我看到有这样写css的:

<stype>
[v-cloak] {
    display: none;
}
</style>

但是一般按照正常是这样写的:

<style type="text/css">
h1 {color:red}
p {color:blue}
</style>   

为何会有[v-cloak]这样呢？为何要加[]，是否其他格式？

Answer 1

属性选择器

Answer 2

<div v-cloak></div> 可以被[v-cloak]选择器选中

<div attr="a"></div> 可以被[attr='a']选择器选中

Answer 3

是为了防止数据还未加载完成的时候，vue标签闪现，详情可以看vue的文档：https://cn.vuejs.org/v2/api/#...

Answer 4

变量是空值的话再浏览器上该变量可能会闪一下 就是为了防止这个