vue 钩子函数

一共有十一个,但是常见的八个,
常用的三四个

beforeCreate(创建之前) //常用
vue创建之前,data未生产。在beforeCreate前,所有的options都会先存到vm. $options中,在beforeCreate之后,将 $options里的data,props,methods等等一个个附到vm上,然后再触发created钩子。所以在beforeCreate的时候,无法直接拿到data里面的数据

Created(创建之后) //常用
这是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数。
一般可以在created函数中调用ajax获取页面初始化所需的数据。

beforeMount(载入之前) //常用
载入前(完成了data和el数据初始化),但是页面中的内容还是vue中的占位符,data中的数据信息没有被挂在到Bom节点中,在这里可以在渲染前最后一次更改数据的机会,不会触发其他的钩子函数,一般可以在这里做初始数据的获取

Mounted(载入之后) //常用
载入后html已经渲染(ajax请求可以放在这个函数中),把vue实例中的data里的message挂载到BOM节点中去

beforeUpdate(更新之前)

Updated(更新之后)

beforDestroy(销毁之前)

Destroyed(销毁之后)

activate(keep-alive组件激活时调用)

deactivated(keep-alive组件停用时调用)

errorCaptured(这个组件的作用是接受子孙组件报错是调用,三个参数 错误对象、错误的组件、错误信息)

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值