VUE3.0生命周期函数

最新推荐文章于 2023-12-04 15:50:19 发布

前端进阶中

最新推荐文章于 2023-12-04 15:50:19 发布

阅读量452

点赞数

分类专栏：面试宝典文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/shi15926lei/article/details/128259976

版权

面试宝典专栏收录该内容

11 篇文章 0 订阅

订阅专栏

什么是生命周期：

    1.vue中每个组件都是独立的，每个组件都有一个属于它的生命周期，
    2.从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生命周期,强调的是一个时间段。

在vue3中，新增了一个setup生命周期函数，setup执行的时机是在beforeCreate生命函数之前执行，因此在这个函数中是不能通过this来获取实例的；同时为了命名的统一，将beforeDestroy改名为beforeUnmount，destroyed改名为unmounted.

Options API 生命周期和 Composition API 生命周期

1、 Options API 生命周期
    1. beforeCreate   
    2. created        
    3. beforeMount    
    4. mounted        
    5. beforeUpdate   
    6. updated        
    7. beforeUnmount  
    8. unmounted         

2、 Composition API 生命周期
    1. beforeCreate   ===> setup()
    2. created        ===> setup()
    3. beforeMount    ===> onBeforeMount
    4. mounted        ===> onMounted
    5. beforeUpdate   ===> onBeforeUpdate
    6. updated        ===> onUpdated
    7. beforeUnmount  ===> onBeforeUnmount
    8. unmounted      ===> onUnmounted