2021-11-10

VUE生命周期

1.创建期间的生命周期方法
① beforeCreated:仅仅初始化好了vue实例中的事件和生命周期方法（还不能访问vue实例中初始化好的data和methods）。
②created:调用该方法时能够访问实例中保存的data和methods。
了解页面渲染机制（会先根据data中的数据和指定的模板生成最终的结果先保存，然后再替换界面中原先的）如下图所示：

③beforeMount:调用beforeMount的时候，vue已经完成了最终模板的编译，但还没有挂在（渲染）到页面中（该步骤还在是先存的步骤，还没有替换掉原来没有data数据的html ）。
④mounted:Vue已经完成了模板的渲染，表示已经拿到了界面上渲染之后的内容。

2.运行期间的生命周期方法
①beforeUpdate:在调用beforeUpdate的时候，表示Vue实例中保存的数据发生了变化（只有保存的数据被修改了才会调用。beforeUpdate）–注意：在调用beforeUpdate的时候，数据已经更新了，但是界面的数据还没有被更新。
②updated：在调用update的时候，表示Vue实例中保存的数据被修改了，并且界面也同步了被修改的数据，也就是数据和界面都同步更新之后就会调用updated。

3.销毁期间的生命周期方法
①beforeDestroy:在调用beforeDestroy的时候，表示当前组件即将被销毁了。注意：只要组件不被销毁，那么beforeDestroy就不会调用；beforeDestroy函数是我们最后能够访问到组件数据和方法的函数。
②destroyed:在调用destroyed的时候，表示当前组件已经被销毁了注意：只要组件不被销毁，那么destroyed就不会调用，不要在这个生命周期方法中再去操作组件中的数据和方法。

标签：11,10,beforeUpdate,生命周期,beforeDestroy,调用,2021,组件,数据
来源： https://blog.csdn.net/webhhhhhh/article/details/121253270