scoped样式冲突

目录

一、样式冲突

二、局部样式使用方式

---

一、样式冲突

默认情况:写在组件中的样式会全局生效，因此很容易造成多个组件之间的样式冲突问题。比如在A组件为div提供了一个样式，那么在其他所有组件，如B组件、C组件，它们的div样式都会受到A组件div样式的影响。

1. 全局样式：默认组件中的样式会作用到全局
2. 局部样式：可以给组件加上scoped属性，可以让样式只作用于当前组件

二、局部样式使用方式

在<style>标签中加上scoped,这样里面设置的样式就只在当前组件生效，不会影响其他组件的样式，即局部样式。