vue 中使用scoped关键字后样式不能修改第三方组件问题

关于这个scoped的用法，就是只加载以及影响当前的组件，通过这个属性，可以使得组件之间的样式不互相污染
但是往往有时候，我们在使用一些第三方插件的同时，又需要对第三方插件做一些细微的修改，那么我们就可以使用下面的方法

使用 >>>可以在已经写了scoped的style下控制样式
<style lang="stylus" scoped>
// 样式穿透，不受scoped限制
  .wrapper >>> .swiper-pagination-bullet-active
    background #fff !important

// 解决图片刷新不出来，页面变动的方法，使用图片的宽高比，高/宽
  .wrapper
    width 100%
    height 0;
    overflow hidden
    padding-bottom:29%
    background #eee
    .swiper-img
      width 100%;

还有一种就是曲线救国的方式实现

就是写两个style，一个是用于全局修改组件用，一个用于当前的组件用

<style>

/* global styles */

</style>

<style scoped>

/* local styles */

</style>
---------------------
作者：Mr_HeXS
来源：CSDN
原文：https://blog.csdn.net/mr_hexs/article/details/80375244
版权声明：本文为博主原创文章，转载请附上博文链接！