vue中style后面的scoped的作用

籠統點說，scoped 修飾的style只給當前組件內的元素使用，而通過slot插槽插進來的元素，scoped就管不到了。

本質上，scoped做了兩個事情

1.給當前組件中的所有元素，添加一個隨機的屬性
2.給當前組件中的所有元素的樣式添加一個對應的隨機屬性選擇器

PS：如何在有scoped的時候，影響slot元素樣式呢？

使用深度選擇器
在scss下使用：

      // 深度選擇器 scss ::v-deep  less /deep/  css >>>
      ::v-deep .zhf-button:first-child {
        margin-right: 20px;
      }

那深度選擇器是怎么實現這個效果的呢？

其實就是元素增加樣式的時候，沒有添加對應的屬性選擇器