vue生命周期

Posted on Edited on

vue生命周期(几个钩子函数的区别)

先看一张图
vue

  • vue周期的执行顺序如下:
    1. beforeCreate
      字面意思，组件创建之前 已经完成了初始化事件等
      此时还不能访问到data里的数据 因此不能在这个钩子里执行渲染逻辑(api或者data赋值操作)
    2. data
      初始化data的过程
    3. provide
    4. created
      此时已经能够访问data template还没有编译好
    5. beforeMount
      已完成模板数据装载 但是还没有$el
    6. mounted
      已将模板渲染到节点上 此时才有$el 可以进行dom操作
    7. beforeUpdate
    8. updated
    9. beforeDestroy
    10. destroyed