vue的子组件在某些父组件中无效？

Question

问题描述

我写了一个子组件，在某个父组件时候用的时候，没有达到预期的效果，似乎连子组件的创建都没有，但是我换过一个实例使用之后，子组件是可以正常使用的。请各位大佬指点一下！

问题出现的环境背景及自己尝试过哪些方法

首先我保证的是，该引入的文件都有引入，子组件也是放在父组件里面，如果子组件吧Vue.component写成Vue.components也是会报错的。

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
子组件相关：

Vue.component("quickReg",{
    template:'<div>1234</div>',
    props:['home'],
    data: function(){
        return {
            
        }
    },
    methods:{},
    created:function(){
        console.log('created ---> quickReg')
    },
    mounted: function(){
        console.log('mounted ---> quickReg')
    }
})

父组件html：

    <div id="login" v-loak>
        <quick-reg v-if="showReg" :home="this"></quick-reg>
    </div>

父组件data中showReg:true

在浏览器中运行，在控制台没有看到created的输出，在dom元素中查看，显示如下：

    <div id="login">
        <quick-reg home="[object object]"></quick-reg>
    </div>

你期待的结果是什么？实际看到的错误信息又是什么？

我预期的结果是子组件能够显示在父组件上，控制台也能有created和mounted输出，但是都没有，我想是不是父子组件的加载顺序的问题呢？可是该子组件在其他父组件上使用正常，我对比了那两个父组件，也没看出有啥毛病。