slot在子组件里不作用，但在父组件里能作用

eg.成功代码及效果
子组件：

<template>
<div>
    <div class="top_container">
        <slot name="left"/>
        <div class="top_title ellipsis">{{title}}</div>
        <slot name="right"/>
    </div>
</div>
</template>

父组件：

<Header title="广东科学中心（番禺区科普路168号）">
        <div class="top_left" slot="left">
            <i class="iconfont icon-sousuo"></i>
        </div>
        <div class="top_right" slot="right">登录|注册</div>
    </Header>

成功效果：


失败效果：
把父组件的样式放在子组件后，样式是完全不生效：