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

Question

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

Answer 1

one_pieces 2023-08-12 20:25:18

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

• 提问者 秋得法 #1

  非常感谢！

• one_pieces 回复 提问者 秋得法 #2

  不客气~

Answer 2

one_pieces 2023-07-27 22:36:49

同学你好，当 <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

• 提问者 秋得法 #1

  明白这个scoped的意思，我不清楚的是这个地方为什么加scoped，是出于什么样的安排，我觉得不加scoped也是可以的。这个加scoped是有什么特殊的考虑吗？