vue2与vue3 使用样式穿透时需要的注意事项

我相信大家最常用到样式穿透的地方都是修改组件库样式。本文介绍在vue 中样式穿透的五种方法。而vue2与vue3中使用又有所区别，下面我会分别介绍vue2/3的样式穿透使用。

vue2 中：

1. 箭头三剑客（原生css）：

   1.看向右边的主角 👉       >>>
   use methods： .类名 >>> .类名{样式}

2. （预处理器：less，sass）

   2.看向右边的主角 👉       /deep/ 
   use methods： 
                     	/deep/ .类名{样式}
                     	父类 /deep/ 子类

3. （预处理器：less，sass）

   2.看向右边的主角 👉       ::v-deep .类名 {} 
   use methods： 
    					  ::v-deep .类名{样式}
    					  父类 ::v-deep 子类

vue3中：

1.  :deep()

   1.看向右边的主角 👉         :deep()
   use methods： 
    					    :deep(样式选择器)

2.  ::v-deep()

   2.看向右边的主角 👉         ::v-deep()
   use methods： 
    					    ::v-deep(样式选择器)