通过实践发现，组件的不同引用方式，父组件的钩子函数的运行情况也是不一样的。

第一种情况(动态引入)：直接在components中通过import动态引入。

     //hookParent.vue
    <template>
        <div>
            <hook-child/>
        </div>
    </template>
    
    <script>
    import hookChild from "./hookChild"
    export default {
        name:"hookParent",
         data(){
            return{
                show:false
            }
        },
        components:{
            hookChild
            // hookChild:()=>import("./hookChild")
        },
        beforeCreate(){
             console.log("parent beforeCreate");
        },
        created(){
            console.log("parent created");
        },
        beforeMount(){
            console.log("parent beforeMount");
        },
        mounted(){
            console.log("parent mounted");
        },
         beforeUpdate(){
             console.log("parent beforeUpdate");
        },
        updated(){
            console.log("parent updated")
        },
         beforeDestroy(){
             console.log("parent beforeDestroy");
        },
        destroyed(){
            console.log("parent destroyed");
        },
         activated(){
             console.log("parent activated");
        },
        deactivated(){
            console.log("parent deactivated")
        },
    }
    </script>

    //hookChild.vue
    <template>
        <div>
            <div @click="update">修改msg的值————{{msg}}</div>
            
            <div @click="destroy">销毁子组件</div>
        </div>
    </template>

    <script>
    export default {
        name:"hookChild",
        data(){
            return{
                msg:"ceshi"
            }
        },
         beforeCreated(){
             console.log("child beforeCreated");
        },
        created(){
            console.log("child created");
        },
         beforeMount(){
            console.log("child beforeMount");
        },
        mounted(){
            console.log("child mounted");
        },
         beforeUpdate(){
             console.log("child beforeUpdate");
        },
        updated(){
            console.log("child updated")
        },
         beforeDestroy(){
             console.log("child beforeDestroy");
        },
        destroyed(){
            console.log("child destroyed");
        },
         activated(){
             console.log("child activated");
        },
        deactivated(){
            console.log("child deactivated")
        },
        methods:{
            change(){
                this.msg="修改了";
            },
            destroy(){
                this.$destroy();
            }
        }
    }
    </script>
复制代码

此时父子组件的钩子函数的输出结果如下所示：

第二种情况(静态引入)：import hookChild from "./hookChild" 钩子函数的运行情况如下：

总结：
1、在销毁父组件时（不管是在子组件中销毁父组件还是直接在父组件中销毁父组件），都会先销毁子组件，然后才会销毁父子键。 2、父子组件中单独更新各自的数据相互不会受影响。就算有影响也是父组件先调用beforeUpdate()函数，然后子组件调用beforeUpdate()和updated()函数，其次才是父组件的updated()函数。