vue 無法覆蓋vant的UI組件的樣式

有時候UI組件提供的默認的樣式不能滿足項目的需要，就需要我們對它的樣式進行修改，但是發現加了scoped后修改的樣式不起作用。

解決方法：

使用深度選擇器，將scoped樣式中的選擇器“深入”，即影響子組件

<style scoped>
  .a >>> .b { /* ... */ }
</style>

以上的代碼會編譯成：

.a[data-v-f3f3eg9] .b { /* ... */ }

注意：如果你使用了Less或Sass等預處理器，可能無法>>>正確解析。在這些情況下，您可以使用組合/deep/或::v-deep組合 - 兩者都是別名，>>>並且工作完全相同。

使用Less或Sass等預處理器的寫法如下：

.van-radio {
  /deep/ .van-radio__label {
    width: 500px;
  }
}