scoped的使用

1.为什么应用

解决组件中的样式冲突，让自己的样式只在自己的作用域中应用，不用影响别的组件

实际应用：在使用第三方库组件时，需要更改样式，就可以用这种方法，

 

 

scoped的原理：给每个元素增加一个自定义的属性用来区分，即 h2[data-v-01]{样式},给这个组件所有的标签都增加上这个自定义属性，别的组件不用这个，这样就可以保持组件的样式不会影响其他组件。 这就是scoped底层实现原理。

 

 

/deep/这个请参考https://blog.csdn.net/weixin_44181180/article/details/118994870?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_title~default-4.control&spm=1001.2101.3001.4242