vue 匿名插槽

组件插槽：组件的最大特性就是复用性，而用好插槽能大大提高组件的可复用能力

　　# 当组件渲染的时候，这个 <slot> 元素将会被替换为“组件标签中嵌套的内容”。

　　# 插槽内可以包含任何模板代码，包括 HTML

匿名插槽

<div id="app">
    <!--这里的所有组件标签中嵌套的内容会替换掉slot 如果不传值 则使用 slot 中的默认值 -->
    <slot-box>你好啊slot</slot-box>
  </div>
  <script>
    Vue.component('slot-box',{
      // slot就是模板里面的插槽，里面可以有内容，如果没有传递值，那么里面的内容为默认内容；
      template:`<div><h1>这是插槽的内容：</h1><slot>默认内容</slot></div>`
    })
    const vm = new Vue({
      el:'#app'
    })
  </script>