VUE学习09--VUE生命周期函数/钩子的介绍和使用
VUE中的生命周期函数/生命周期钩子指的是在组件挂载,组件更新,组件销毁的时候触发的一系列的方法。
常见的钩子函数如下:
beforeCreate 实例创建前执行
created 实例创建后执行
beforeMount 模板编译前执行
mounted 模板编译后执行(请求数据,操作dom , 放在这个里面 mounted)
beforeUpdate 数据更新前执行
updated 数据更新后执行
beforeDestroy 实例销毁前执行(页面销毁的时候要保存一些数据,就可以监听这个销毁的生命周期函数)
destroyed 实例销毁后执行
触发流程图如下:
其中比较常用的是mounted和beforeDestroy。
具体代码就不写了,更多细节了解可以参考下面这篇文章: