vue中的css样式穿透 /deep/ 或者 ::v-deep

1.使用场景: 当我们需要覆盖element-ui中的样式时只能通过深度作用选择器

2.style为css时的写法如下

    .a >>> .b {
        ***
    }

3.style使用css的预处理器(less, sass, scss)的写法如下

第一种/deep/

    /deep/ .a {
        ***
    }

第二种::v-deep

::v-deep .a{
    ***
}

建议使用第二种方式,/deep/在某些时候会报错,::v-deep更保险并且编译速度更快.