vue的生命周期理解

Posted caoyi

tags:

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

先用官网的图,这个是整体流程,本文记录整体流程中的细节描述

技术图片

从最开始的流程往下分析整体

1. init events $ lifecycle(说明:初始化事件和生命周期)

什么是事件?什么是生命周期?vue api文档中事件有(on、once、off、emit四个方法),生命周期有(mount、forceUpdate、nextTick、destroy四个方法,其他那么多生命周期钩子应该也在这初始化的,要不然下一步的beforeCreate是哪里来的)

2. beforeCreate(组件刚被创建,组建属性计算之前,如data属性等 执行的钩子函数)

说白了这里给我们用户一个加入操作的入口,在这之前做了初始化事件和生命周期的事情,所以el现在还没初始化、data没有初始化,这也是有些人在这个方法里打印el、data都是undefined。

3.init injections & reactivity

 

以上是关于vue的生命周期理解的主要内容,如果未能解决你的问题,请参考以下文章

简单理解vue的生命周期

Vue——生命周期和钩子函数的一些理解

vue生命周期是啥,有啥作用

vue的生命周期和钩子函数的理解

vue生命周期的理解

Vue生命周期/钩子函数的理解