vue.js中slot传值失败

Question

页面引用：

<breadcrumb seperator="~">
    <breadcrumbItem>Home</breadcrumbItem>
    <breadcrumbItem>Components</breadcrumbItem>
    <breadcrumbItem>Breadcrumb</breadcrumbItem>
  </breadcrumb>

     breadcrumb.vue
    <template>
      <div class="breadcrumb">
        <slot></slot>
      </div>
    
    </template>
    
    <script type="text/ecmascript-6">
      export default{
        props : {
          seperator : {
            type : String,
            default : ">"
          }
        }
      };
    </script>
    
    <style lang="stylus" rel="stylesheet/stylus">
      .breadcrumb
        font-size : 14px
        color : #333
      .breadcrumb > span:last-child > .item-seperator
        display : none
    </style>

   
      breadcrumb-item.vue
      <template>
  <span class="item">
    <a v-if="href" :href="href" class="item-link">
      <slot></slot>
    </a>
    <span v-else class="item-link">
      <slot></slot>
    </span>
    <span class="item-seperator">
      <slot name="seperator">{{ seperator }}</slot>
    </span>
  </span>
</template>

<script type="text/ecmascript-6">
  export default{
    props : {
      href : {
        type : String
      },
      seperator : {
        type : String,
        default : ">"
      }
    }
  };
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
  .item
    .item-seperator
        margin : 0 10px
</style>