在Vue.js中，slot是一種讓用戶在組件模板中自定義內容的機制。這個機制允許用戶向組件插入任意內容，而不必對組件本身進行修改。但是對于slot內的樣式，Vue.js是不會自動注入（在外層元素上添加scoped）的。

為了讓slot內的樣式生效，我們需要給slot內的元素添加一個特殊的class。這個class的名稱是由我們自己定義的，通常使用.slot。然后我們在外層元素上添加scoped屬性，就可以讓這些樣式只在當前組件中生效了。

<template>
<div class="wrapper">
<slot name="content" class="slot"></slot>
</div>
</template>
<style scoped>
.wrapper .slot p {
color: red;
}
</style>

在上面的代碼中，我們將slot的class設置為slot，并在.wrapper下定義了.slot p的樣式，樣式中設置了文字顏色為紅色。由于我們在<style>中添加了scoped屬性，所以這些樣式只會在當前組件中生效。

總的來說，slot是一個非常有用的特性，可以讓我們更加靈活地組織我們的組件，并且可以讓用戶自定義組件中的內容。使用scoped后，我們可以方便地為slot內的元素添加樣式，讓整個組件的樣式更加統一、美觀。