关于 vue中style的scoped
代码:
vue
<template>
<div class="block"></div>
</template>
<style>
.block{
color:black;
}
</style>
<style>
标签设置scoped
,当前组件元素内容均会添加[data-v-xxx]
属性,形成作用域。样式编译后:
- 未设置
scoped
css
.block{
color:black;
}
- 设置
scoped
css
.block[data-v-xxx]{
color:black;
}
TODO