vue2、vue3中scss样式穿透

在Vue2中，可以使用 `>>>` 或 `/deep/` 这两个选择器来进行 SCSS 样式穿透。例如：

// Vue2中的样式穿透
<style lang="scss">
  .parent >>> .child {
    background-color: red;
  }
</style>

而在Vue3中，由于采用了新的编译器，所以使用 `>>>` 或 `/deep/` 这种方式会报错，需要使用 `::v-deep` 选择器来进行 SCSS 样式穿透。例如：

// Vue3中的样式穿透
<style lang="scss">
  .parent ::v-deep .child {
    background-color: red;
  }
</style>

需要注意的是，样式穿透虽然能够解决一些问题，但是在实际开发中应该尽量避免使用，因为它会影响样式的可读性和维护性。