【报Bug】子组件的具名插槽如果延迟渲染的话，样式会丢失

示例代码：

// 子组件  
<template>  
  <view class="card">  
    <view>我是子组件</view>  
    <view class="title" v-if="$slots.title">  
        <slot name="title"></slot>  
    </view>  
    <slot/>  
    <view class="footer" v-if="$slots.footer">  
        <slot name="footer"></slot>  
    </view>  
  </view>  
</template>  

<script>  
export default {  

}  
</script>  

<style lang="scss" scoped>  
.card {  
    border: 2upx solid #000;  
    margin-bottom: 20upx;  
    .title {  
        color: red;  
    }  
    .footer {  
        color: blue;  
    }  
}  
</style>

// 父组件  
<template>  
  <view>  

    <childComponent>  
        <template v-if="step === 1">  
            <view>我是步骤1的内容</view>  
        </template>  
        <template v-if="step === 2">  
            <view slot="title">我是步骤2的标题，我是红色的</view>  
            <view>我是步骤2的内容</view>  
            <view slot="footer">我是步骤2的FOOTER</view>  
        </template>  
    </childComponent>  
  </view>  
</template>  

<script>  
import childComponent from './_components/childComponent.vue'  
export default {  
    components: {  
        childComponent  
    },  
    data() {  
        return {  
            step: 1  
        }  
    },  
    mounted() {  
        setTimeout(() => {  
            this.step = 2;  
        }, 3000);  
    }  
}  
</script>  

<style>  

</style>

操作步骤：

代码复制粘贴至项目中，页面自动运行

预期结果：

title是红色字体，内容是黑色字体，Footer是蓝色字体

实际结果：

title是黑色字体，内容是黑色字体，Footer是蓝色字体