Skip to content
文章摘要

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