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。