vue中默認插槽slot

    <div id="app">
      <!-- 1.2 那組件innerHTML位置以后不管有任何代碼，都會被放進插槽那個坑里面去 -->
      <index>
        <span>首頁</span>
        <span>首頁</span>
        <span>首頁</span>
        <h1>手機</h1>
      </index>
    </div>
    <script>
      // 插槽的作用就是組件外部取代碼片段放到組件內部來
      // 1.1 定義默認插槽通過slot組件定義，定義好了之后，就相當於一個坑，你可以把它理解為電腦上usb插口
      Vue.component('index', {
        template: `
          <div>
            index
            <slot></slot>
          </div>
        `
      })
      var vm = new Vue({
        el: '#app',
        data: {

        }
      })
    </script>