困难Vue
0 1

Vue中 style的scoped属性有什么用?它的实现原理是什么？

【概念释义】

<style scoped> 为当前组件模板中的元素添加唯一属性选择器（如 data-v-xxxxx），编译后的 CSS 选择器带该属性，实现样式仅作用于本组件模板，避免污染全局与其他组件。

【基础使用】

vue 
<template>
  <p class="title">标题</p>
</template>
<style scoped>
.title { color: red; }
/* 编译后近似：.title[data-v-f3f3eg] { color: red; } */
</style>

深度选择子组件：Vue2 `::v-deep .

登录查看完整 1038 字

回答讨论

暂无讨论，登录后可抢先发言

本题库更多题目（50）