Vue生命周期

1.什么是从vue的生命周期

    从开始创建,初始化数据,编辑模板,挂载DOM,渲染==>更新==>渲染到卸载等一系列过程就叫做Vue的生命周期,通俗的说,就是Vue实例从创建到销毁的过程就叫做Vue的生命周期。

2.Vue生命周期的8个阶段

   beforeCreate(创建前) ==> created(创建后) ==> beforeMount(载入前) ==> mounted(载入后) ==> beforeUpdate(更新前) ==> updated(更新后) ==> beforeDestroy(销毁前) ==> destroyed(销毁后)

3.Vue的十个生命周期

  1.  beforeCreate(创建前):在实例开始初始化时同步调用。此时数据观测,事件等都尚未初始化。
  2. created(创建后):在实例创建成功后调用。此时已完成数据观测,事件方法,但是尚未开始DOM编译,即未挂载到document中
  3. beforeMount(载入前):在mounted之前运行
  4. mounted(载入后):在编辑结束时调用。此时所有指令已生效,数据变化已能触发DOM更新,但不保证$el已插入文档
  5. beforeUpdate(更新前):在实例挂载之后,再次更新实例(如更新data)时会调用该方法,此时尚未更新DOM结构
  6. updated(更新后):在实例挂载之后,再次更新实例并更新完DOM结构后调用
  7. activated:需要配合动态组件keep-live属性使用,在动态组件初始化的过程中调用该方法
  8. deactivated:需要配合动态组件keep-live属性使用,在动态组件移出的过程中调用该方法
  9. beforeDestroy(销毁前):再开始销毁实例时调用,此刻实例仍然有效
  10. destroyed(销毁后):在实例被销毁后调用,此时绑定和实例指令都已经解绑,子实例也被销毁

4.Vue各生命周期适合开发的业务

    created:进行AJAX请求异步数据的获取,初始化数据。

    mounted:挂载元素内DOM节点的获取。

    nextTick:针对单一事件更新数据后立即操作DOM。

    updata:数据更新的统一业务逻辑处理。

    watch:监听具体数据变化,并做出相应的处理。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值