2021-07-21

vue的生命周期
vue的生命周期： 从vue实例的创建，运行到销毁期间，会有各种各样的事件，这些事件，都称为生命周期。
主要的生命周期的分类：
创建阶段：
1. beforeCreate：实例刚在内存中创建出来，此时还没有
初始化好data以及methods.
2. created: 实例已经在内存中创建好了，data和methods也都已经创建好了，所以最早可以在created里面操作data以及methods。但此时还没有开始编译模板。
3. beforeMount：此时已经完成了模板的编译，但还没有挂载到页面上去。
4. mounted：此时已经将编译的模板挂载到页面指定的显示器中，运行到这个钩子函数时，创建阶段的事件已经全部执行完毕。
5.
运行阶段：

1. beforeUpdate：状态更新之前执行的函数，此时data的状态值是最新的，但界面上显示的值还是旧的，因为此时还没有重新开始创建dom节点。
2. updated：实例更新完毕执行的函数，此时data里面的状态值和页面上现实的数据，都已经完成了更新，界面已经被重新渲染好了。
   销毁阶段：
3. beforeDestroy：实例销毁之前调用的函数，在这一步，实例仍然可以完全使用。
4. destroyed：vue实例销毁后调用，调用后，vue实例指示的所有东西都会解绑，所有的事件监听都会被移除，所有的子实例都会被销毁。