【前端知识】vue的生命周期

一、vue的生命周期

1、vue的实例从创建到销毁的全过程

2、生命周期包括：创建、数据初始化、挂载、更新、销毁

• 创建：var vm = new Vue({}），创建一个vue实例对象
• 数据初始化
  • 数据初始化之前：执行beforeCreate函数之前，data和method中的数据还没进行初始化
  • 执行数据初始化
    • 执行beforeCreate函数之后，开始进行数据初始化（data和methods）
    • 完成数据初始化：执行created ()函数，初始化data
• 挂载
  • 挂载前：执行beforeMount ()函数：渲染前的dom，如：{{message}}
  • 执行挂载：执行mounted ()函数：渲染后的dom，如：hello world
• 更新
  • 更新前：状态数据发生变化时，触发beforeUpdate()函数，
  • 更新数据：执行updated()函数，拿到更新后的dom
• 销毁
  • 执行beforeDestroy()函数：解除各种数据引用（实例的所有data和methods），移除事件监听，删除组件_watcher，删除子实例，删除自身self等。同时将实例属性_isDestroyed置为true
  • 执行destroyed()函数：组件已销毁，组件中的所有数据、方法、执行、过滤器等，均不可用。