Vue-生命周期

Vue 生命周期函数 也叫 Vue 生命周期钩子,就是 Vue 实例在某一时间点自动执行的函数。具体如下:

  • beforeCreate : 创建Vue实例前的时候执行
  • created : 创建Vue实例完成后执行,完成了data数据的初始化
  • beforeMount : Vue实例开始渲染前执行
  • mounted : Vue实例渲染完成后执行
  • beforeUpdate : Vue实例修改前执行
  • updated : Vue实例修改完成后执行
  • beforeDestroy : Vue被销毁前执行
  • destroyed : Vue实例被销毁后执行
  • activated :组件激活时调用。该钩子在服务器端渲染期间不被调用
  • deactivated :组件停用时调用。该钩子在服务器端渲染期间不被调用
父组件与同步子组件加载顺序:

父组件 beforeCreate -> 父组件 created -> 父组件 beforeMount -> 子组件 beforeCreate -> 子组件 created -> 子组件 beforeMount -> 子组件 mounted -> 父组件 mounted。

父组件与异步子组件加载顺序:

父组件 beforeCreate -> 父组件 created -> 父组件 beforeMount -> 父组件 mounted -> 子组件 beforeCreate -> 子组件 created -> 子组件 beforeMount -> 子组件 mounted。