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