Vue组件样式穿刺

为什么需要穿透scoped？
引用了第三方插件或库，需要在组件中修改该插件或库的的样式，而一半情况下组件内的样式会使用scoped防止组件间样式污染。此时只能样式穿透scoped来修改第三方插件或库的样式。

穿刺方法

1. sass和less穿透
   使用：（/deep/）
   外层类 /deep/ 想要修改的类名 {
   　　要修改的样式
   }
   例：.wrapper /deep/ .el-card__header {
   border-bottom: none
   }
2. 通用样式穿透
   使用：（::v-deep）
   ::v-deep 想要修改的类名 {
   　　要修改的样式
   }
   例：::v-deep .el-card__header {
   border-bottom: none
   }
3. stylus穿透
   使用：（>>>）
   外层类 >>> 想要修改的类名 {
   　　要修改的样式
   }
   例：.wrapper >>> .el-card__header {
   border-bottom: none
   }