生命周期函数 | 学习笔记之查缺补漏

44 阅读2分钟

生命周期

创建时期函数

beforeCreate()

我们初始化一个实例对象之后,立即就会执行这一个函数,此时data、methods等都还没被定义

created()

遇到的第二个生命周期函数,此时,data和methods都已经被初始化,此时是能拿到数据的最早时间

之后就会开始编辑模板,把vue代码当中的指令进行执行,编译到内存当中,此时在内存当中

执行完created之后,会去寻找是否有el,有就会编译出我们的template模板,没有就会进入到下一步,

beforeMount()

然后遇到第三个生命周期函数,也就是我们的这个函数,表达的意思是在挂载(挂载的意思就是在我们把我这一坨html放在页面之中的过程,就是内存当中已经编辑完成,但是还没有把模板渲染到页面)之前。此时,页面中的元素还没有被替换,只是我们之前写的一些模板,比如,我们写了{{data}},但是我们要是打印,是没有他的新的值的,因为模板还没有被挂载到页面,还没有更新还是旧的

mounted()

第四个生命周期函数,是实例创建完成的最后一个函数,表示实例已经被创建完成,表示内存的模板已经挂载到了页面中,页面已经被渲染好了。此时是最早能过够操作DOM元素的时候

运行时函数

beforeUpdate()

数据改变时触发,可以无限次触发买也可以不触发,此时页面没有被更新但是数据已经被更新了

update()

此时页面刷新

销毁时函数

beforeDestory()

表示此时进入销毁阶段,但是还没有被销毁

destory()

被销毁