【vue的生命周期】

文章目录

• 前言
• 一、生命周期是什么？
• 二、生命的周期函数有哪些？
• 三、vue的内置组件？
• 四、父子组件的生命周期执行的顺序？
• 五、跳转页面是先销毁，还是创建 ？
• 总结

---

前言

简单介绍了什么是vue的生命周期 以及vue的生命周期的钩子函数 ，还有vue的内置组件，简单的说明了父子组件的生命周期执行的顺序 ， 还有关于页面跳转的解释

一、vue的生命周期是什么？

vue 的生命周期是vue实例从创建到销毁的一整个过程

二、vue的生命周期函数

1.vue的生命周期函数

    1）有四个阶段 ：创建前后 、 挂载前后、更新前后 、销毁前后

    2） 分别对应的钩子函数：

                       beforeCreate  创建前  Created   创建后
                       beforeMount   挂载前  mounted   挂载后
                       beforeupdata  更新前  updataed  更新后
                       beforeDestory 销毁前  Destoryed 销毁后

  3）除了以上八个，还有三个 actived ， deactived 、errorCaptured

        1.配合keep-alive 使用的  actived ， deactived 
         2.errorCaptured 子组件出错误的时候触发钩子函数
                 1)有三个参数 a:错误的详细信息
                                  b:错误的组件
                                  c:错误存在那个地方
                 2)  为 true 正在进行错误
                           为 false 隐藏错误，视图看不见

三、vue的内置组件有那些？ 常用的有5个？

       Componens组件  

       Transition 动画

       Transition-group 动画

       Keep-alive  slot插槽

四、父子组件的生命周期执行的顺序？

      先执行父组件的创建到挂载前发现子组件 子组件从创建到挂载后，最后父组件才执行挂载后

       beforeCreate  创建前   ------父组件

       Created   创建后    ------父组件

       beforeMount   挂载前   ------父组件

       beforeCreate  创建前   ------子组件

       Created   创建后    ------子组件

       beforeMount   挂载前   ------子组件

        mounted   挂载后    ----子组件

        mounted   挂载后   -----父组件

 五、跳转页面是先销毁，还是创建 ？

       a页面跳转到b页面 先执行的是b页面的创建再是a页面的销毁