SOURCE

Vue.component('no-slot', {
  template: '<p>只有在没有要分发的内容时才会显示我</p>'
})

Vue.component('no-content', {
  template: '<p>只有在没有要分发的内容时才会显示我</p>'
})

Vue.component('with-name', {
  template: `<div>
    <slot name="one"></slot>
    <slot name="two"></slot>
    <slot name="three"></slot>
    <slot></slot>
    </div>`
})

let vm = new Vue({
  el: "#app",
  data: function () {
    return {
      message: "test"
    }
  }
})

<div id="app">
  <no-slot></no-slot>
  <no-content></no-content>
</div>