Vue样式穿透

前言：

在Vue引入第三方组件库时，会遇到对引入的组件进行修改样式，不起作用，那是因为在style中使用了scoped属性，使得当前组件不被其他组件中的样式所污染，同时造成了修改的样式不起做用，解决方法如下：

正文：

• stylus的样式穿透 使用： >>>

外层 >>> 第三方组件 或者 父元素>>>子元素

.wrapper >>> .swiper-pagination-bullet-active{ 样式 }

• sass和less的样式穿透 使用 ： /deep/

外层 /deep/ 第三方组件 或者 父元素>>>子元素
.wrapper /deep/ .swiper-pagination-bullet-active{ 样式 }