Vue的生命周期函数

生命周期函数 我理解的生命周期函数就是 vue 实例从创建到销毁的过程中,到了某一个特定的时间节点会自动触发的钩子函数 常用的钩子函数一共有八个 beforeCreate 创建前 实例还未创建 created 创建后 这个第一个能拿到 date 和 methods 来用的钩子函数 beforeMount 挂载前 挂载的是节点 mounted 挂载后 以上四个是创建阶段的钩子函数 这些钩子函数只会执行 1 次

beforeUpdate 数据变了视图未更新 updated 数据变了 视图更新 更新阶段的钩子函数会执行 0 次或者无数次

beforeDestory 销毁之前 最后一个能使用 data 和 methods 的钩子函数 destoryed 销毁之后 销毁阶段的钩子函数 执行 1 次

除了这八个还有三个 actived 激活缓存组件 deactived 停用缓存组件 errorCaptured 子组件出错的时候触发

1.2 在项目开发过程中哪些钩子函数用的比较多 在写代码的过程中,我用的比较多的钩子函数有 cretaed 和 mounted 在 created 中我经常调用 axios 请求数据 或者获取本地存储里的数据 在 mounted 中我经常获取 dom 节点

2.nextTick

在 dom 更新之后执行的延迟回调 ,在 vue 中 dom 的更新是异步的,我理解的 nextTick 是把本身同步的代码变成异步执行,排在 dom 更新之后,所以能拿到 dom 节点。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值