<div id="app">
<div class="p-5">
<h3>Slot 插巢與插巢預設值</h3>
<card>
<i>插入slot插槽</i>
</card>
<br>
<card></card>
</div>
</div>const app = Vue.createApp({
});
app.component('card', {
template: `<div class="card" style="width: 18rem;">
<div class="card-header">
元件 Header
</div>
<div class="card-body">
<slot>這段是預設的文字</slot>
</div>
<div class="card-footer">
元件 Footer
</div>
</div>`
})
app.mount('#app');