<div id="app">
  <h2>沒有插槽的元件</h2>
  <no-slot-component>
    <p>這是一個額外的段落</p>
  </no-slot-component>
    
  
</div>

<script type="text/x-template" id="noslotcomponent">
  <div class="alert alert-warning">
    <h4>沒有插槽的元件</h4>   
    <p>這沒有插槽。</p>  
  </div>
  
</script>
Vue.component('no-slot-component',{
  template:'#noslotcomponent',
})

var app = new Vue({
  el:'#app',
  data:{
    
  }
})

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js
  2. https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js