生命周期函又叫钩子函数,就是vue实例从创建到销毁的过程中,到了某一节点会自动触发的钩子函数
它有三个阶段
分别是:创建阶段、运行阶段、销毁阶段
1、创建阶段
beforeCreate 创建之前 这个时data和methods都是不能用的
created 创建之后 这个是第一个能拿到data和methods来用的钩子函数
beforeMount 挂载前 挂载的是节点
mounted 挂载后 是第一个可以拿到dom节点的
创建阶段的钩子函数只会执行一次
2、运行阶段
beforeUpdate 更新前 数据变了,试图还没更新
updated 更新后 数据变了,试图更新了
更新阶段的钩子函数回执行0次或者无数次
3、销毁阶段
beforeDestory 销毁之前 最后一个能使用data和methods的钩子函数
destoryed 销毁之后
销毁阶段的狗子函数 执行一次
另外除了以上的八个还有三个,分别是:
actived 组件激活
deactived 组件停用
errorCaptured 子组件出错的时候触发
在项目的开发中哪些钩子函数我们会用的比较多?
一般请求数据我们用created生命周期函数(vue的生命周期函数又俗称vue钩子函数)比较多,因为created钩子函数是vue实例刚创建成功后,是最早能拿到data数据的时候,当然 mounted也可以去请求数据 也可以拿到data数据 但是区别是,mounted是vue实例挂载后才触发的,就是在dom节点挂载之后拿到,相比较着created要晚的多,所以,用哪个钩子函数取决于你要用来做什么 ,什么东西都不是一成不变的,就比如 nextTick 这个方法,用它可以来延迟回调函数,使用nextTick方法可以在created里拿到dom节点,可以理解为把同步代码变成异步来执行