关于 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