style标签为什么要加上scoped 呢?

来源:5-1 -页面头部实现

秋得法

2023-07-18

感觉不加上是不是也可以的?

写回答

2回答

one_pieces

2023-08-12

不加也是可以的,但就没有 scoped 的效果了,可能会导致不同组件里同名 CSS class 相互覆盖的问题,但这个问题也可以通过一些 CSS 命名规则来解决,比如课程里会讲到的 BEM

1
2
one_pieces
回复
秋得法
不客气~
2023-08-12
共2条回复

one_pieces

2023-07-27

同学你好,当 <style> 标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素,详情可以看 下 https://vue-loader.vuejs.org/zh/guide/scoped-css.html#%E6%B7%B7%E7%94%A8%E6%9C%AC%E5%9C%B0%E5%92%8C%E5%85%A8%E5%B1%80%E6%A0%B7%E5%BC%8F

0
1
秋得法
明白这个scoped的意思,我不清楚的是这个地方为什么加scoped,是出于什么样的安排,我觉得不加scoped也是可以的。这个加scoped是有什么特殊的考虑吗?
2023-08-07
共1条回复

Vue3+Pinia+Vite+TS 还原高性能外卖APP项目

Vue3+Pinia+Vite+TS 还原高性能外卖APP项目

392 学习 · 251 问题

查看课程