<div id="app">
<h2>單一插槽的元件</h2>
<single-slot-component>
<p class="text-danger font-weight-bold">這是一個額外的段落</p>
</single-slot-component>
</div>
<script type="text/x-template" id="singleslotcomponent">
<div class="alert alert-warning">
<h4>沒有插槽的元件</h4>
<slot></slot>
<p>這沒有插槽。</p>
</div>
</script>Vue.component('single-slot-component',{
template:'#singleslotcomponent',
})
var app = new Vue({
el:'#app',
data:{
}
})