vue2的生命周期函数

生命周期函又叫钩子函数,就是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节点,可以理解为把同步代码变成异步来执行


 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值