VUE学习09--VUE生命周期函数/钩子的介绍和使用

VUE中的生命周期函数/生命周期钩子指的是在组件挂载,组件更新,组件销毁的时候触发的一系列的方法。

常见的钩子函数如下:

beforeCreate 实例创建前执行

created 实例创建后执行

beforeMount 模板编译前执行

mounted 模板编译后执行(请求数据,操作dom , 放在这个里面  mounted)

beforeUpdate 数据更新前执行

updated 数据更新后执行

beforeDestroy 实例销毁前执行(页面销毁的时候要保存一些数据,就可以监听这个销毁的生命周期函数)

destroyed 实例销毁后执行

触发流程图如下:

VUE学习09--VUE生命周期函数/钩子的介绍和使用_第1张图片

其中比较常用的是mounted和beforeDestroy。

具体代码就不写了,更多细节了解可以参考下面这篇文章:

https://segmentfault.com/a/1190000011381906

你可能感兴趣的:(VUE,vue.js,VUE钩子,VUE生命周期函数)