首页 > 编程知识 正文

vue生命周期函数,并简述每个周期具体适合哪些场景,vue各个生命周期做什么

时间:2023-05-04 13:11:21 阅读:265572 作者:708

Vue生命周期函数  也叫Vue生命周期钩子,就是Vue实例在某一时间点自动执行的函数。

一个有11个生命周期函数,

分别是:

beforeCreate : 创建Vue实例前的时候执行,

created :  创建Vue实例完成后执行,

beforeMount : Vue实例开始渲染前执行,

mounted  :  Vue实例渲染完成后执行,

beforeUpdate  :  Vue实例修改前执行,

updated  :  Vue实例修改完成后执行,

beforeDestroy  : Vue开始消亡前执行,

destroyed  : Vue实例消亡后执行,

activated  :组件激活时调用。该钩子在服务器端渲染期间不被调用。

deactivated  :  组件停用时调用。该钩子在服务器端渲染期间不被调用。

errorCaptured  :   当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数:错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。此钩子可以返回 false 以阻止该错误继续向上传播。

生命周期图示如下:

 

 

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。