Vue生命周期指的是一个Vue实例从创建到销毁的过程
Vue生命周期的四个阶段:创建→挂载→更新→销毁
生命周期四阶段
1.创建阶段
2.挂载阶段
3.更新阶段
4.销毁阶段
生命周期的钩子(钩子函数)
Vue生命周期过程中,会自动运行一些函数,被称为【生命周期的钩子】→让开发者可以在【特定阶段】运行自己的代码。
钩子可分为四对
数据准备好 前/后:beforeCreate/created
dom挂载渲染 前/后:beforeMount/mounted
视图更新 前/后:beforeUpdate/updated
销毁实例 前/后:beforeDestroy/destroyed
created:响应式数据准备好了,可以发送初始化渲染请求(主要)。而在beforeCreate钩子里是没有data里的数据的,因为数据还未准备好,如:this.data里的变量名 的值会得到(undefined)
mounted:模板已渲染,可以操作dom(主要)。而在beforeMounted钩子里模板未渲染,获取dom元素时,{{变量名}} 的值会直接得到 {{变量名}}
beforeDestroy:(一般与组件并用)释放Vue以外的资源(消除定时器,延时器),以提高性能。此钩子是在销毁Vue之前执行的即关闭浏览器前执行,我们是看不见的,但vue提供了一个销毁Vue的语法:app.$destroy