什么是生命周期?
简单举个例子:我们以人做例子 一个人从出生到死亡的过程,这个过程就是一个人生命周期。一串代码从创建到销毁的过程就是这段代码的生命周期。
那么什么是vue的生命周期呢 ?
同样的 一个Vue实例从创建到销毁的过程,就是vue的生命周期。Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称为Vue的生命周期。在Vue的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发时注册js方法,可以用自己注册的js方法控制整个大局,在这些事件响应方法中的this直接指向的是vue的实例。 这也就是我要说的生命周期钩子。
从上面vue官网的概念图中我们可以得知vue的生命周期分为4个阶段 每个阶段又分为两个小阶段
创建阶段
beforeCreate(创建之前)
created(创建完毕)
挂载阶段
beforeMount(挂载之前)
mounted(挂载完毕)
更新阶段
beforeUpdate(更新之前)
updated(更新完毕)
销毁阶段
beforeDestroy(销毁之前)
destroyed(销毁完毕)
首先我们先看一下挂载阶段我们的vue实例都做了什么
(1)beforeCreate
官方描述:组件实例刚被创建,组件属性data、el等还未生效。
el 和 data 并未初始化
注意:此时this变量还不能使用,在data下的数据,和methods下的方法都不能获得到;