vue 2 中的插槽是一種功能，允許在組件模板中定義占位符，并在調用組件時用自定義內容填充。使用插槽的步驟包括：在組件模板中定義插槽占位符。在調用組件時傳遞內容。通過 $slots 屬性訪問插槽內容。插槽類型有三種：默認插槽、具名插槽和作用域插槽，它們可以創建可定制化的組件、提高代碼的可重用性并增強組件的可擴展性。
Vue 2 中使用插槽
插槽是 Vue.js 中一種強大的功能，它允許我們在組件模板中定義占位符，然后在調用組件時用自定義內容填充這些占位符。這使我們能夠創建可重用的、可定制化的組件。
使用插槽的步驟：
在組件模板中定義插槽：使用 元素定義插槽占位符。插槽可以命名，以便在調用組件時使用命名的插槽傳遞內容。
<template><div>
<slot></slot>
</div>
</template>
登錄后復制
在調用組件時傳遞內容：使用 元素或 v-slot 指令將內容傳遞給插槽。
<mycomponent><h1>標題</h1> <p>段落</p> </mycomponent>
登錄后復制
或
<mycomponent><template v-slot><h1>標題</h1>
<p>段落</p>
</template></mycomponent>
登錄后復制
在組件實例中訪問插槽內容：可以通過 $slots 屬性訪問插槽內容。它返回一個由插槽名稱鍵入的對象，該對象包含一個由插槽內容組成的數組。
export default {
mounted() {
const title = this.$slots.title[0].text
}
}
登錄后復制
插槽類型：
Vue 2 提供了三種類型的插槽：
默認插槽：不帶名稱的插槽。如果組件沒有定義命名的插槽，默認情況下它將使用默認插槽。
具名插槽：帶有名稱的插槽。它允許我們根據需要使用不同的內容來填充插槽。
作用域插槽：允許我們向插槽傳遞數據，以便在插槽的內容中使用。
插槽的用途：
創建可定制化的組件
提高代碼的可重用性
增強組件的可擴展性
實現動態內容渲染
