目的

若要在scoped场景下覆盖、修改组件库样式，请使用深度选择定义。

示例

<style lang="less" scoped>
// 不正确，组件库样式无法覆盖、修改
.parent-a {
    & > .component-a {
    // ...
    }
}
// 不推荐，无法表达父子关系，而且/deep/即将被废弃
.parent-b {
    /deep/.component-b {
    // ...
    }
}
// 推荐
.parent-c {
    & ::v-deep > .component-c {
    // ...
    }
}
</style>

编译后，如下：

.parent-a[data-v-xxxxxxxx] > .component-a[data-v-xxxxxxxx] {
  // ...
}

.parent-b[data-v-xxxxxxxx] .component-b {
  // ...
}

.parent-c[data-v-xxxxxxxx] > .component-c {
  // ...
}