组件的样式冲突 scoped
默认情况 ：写在组件中的样式会 全局生效 → 因此很容易造成多个组件之间的样式冲突问题。
- 全局样式 : 默认组件中的样式会作用到全局
- 局部样式 : 可以给组件加上 scoped 属性, 可以让样式只作用于当前组件
scoped原理？ - 当前组件内标签都被添加 data-v-hash值 的属性
- css选择器都被添加 [data-v-hash值] 的属性选择器
最终效果: 必须是当前组件的元素 , 才会有这个自定义属性, 才会被这个样式作用到
vue中css样式冲突的解决方法——scoped
黎枫学长2023-12-04 21:48
相关推荐
代码搬运媛8 小时前
Jest 测试框架详解与实现指南counterxing8 小时前
我把 Codex 里的 Skills 做成了一个 MCP，还支持分享wangqiaowq9 小时前
windows下nginx的安装之歆9 小时前
DAY_12JavaScript DOM 完全指南（二）：实战与性能篇发现一只大呆瓜9 小时前
Vite凭什么这么快？3分钟带你彻底搞懂 Vite 热更新的幕后黑手Maimai108089 小时前
React如何用 @microsoft/fetch-event-source 落地 SSE：比原生 EventSource 更灵活的实时推送方案kyriewen11 小时前
产品经理把PRD写成“天书”，我用AI半小时重写了一遍，他当场愣住humcomm12 小时前
元框架的工作原理详解canonical_entropy12 小时前
Attractor Before Harness: AI 大规模开发的方法论zhangxingchao12 小时前
多 Agent 架构到底怎么选？从 Claude Agent Teams、Cognition/Devin 到工程落地原则