Vue每个生命周期都做了什么

Posted 沿着路走到底

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue每个生命周期都做了什么相关的知识,希望对你有一定的参考价值。

生命周期

Vue2

Vue3


 

beforeCreate

创建一个空白的 Vue 实例

`data` `methods` 等尚未被初始化,无法调用

created

Vue 实例初始化完成,完成响应式绑定

`data` `methods` 都已初始化完成,可调用

但尚未开始渲染模板。

beforeMount

编译模板,调用 `render` 函数生成 vdom

但还没有开始渲染 DOM

mounted

渲染 DOM 完成,页面更新

组件创建完成,开始进入运行阶段

beforeUpdate

以上是关于Vue每个生命周期都做了什么的主要内容,如果未能解决你的问题,请参考以下文章

Vue生命周期及业务场景使用

vue组件生命周期

react生命周期,以及各个周期都做了啥

浅谈vue的生命周期

Vue基础-生命周期

vue生命周期