VUE 生命周期

生命周期

生命周期的理解

• beforeCreate：初始化之前，data里的数据和methods里的方法没有初始化。
  作用：页面重定向。
• created：初始化之后，data里的数据和methods里的方法都已初始化。第一个可以操作data和methods的生命周期。作用：接口请求、数据初始化。
• beforeMount：虚拟DOM挂载。
• mounted：真实DOM挂载，第一个可以操作DOM的生命周期。
• beforeUPdata：更新之前，data里的数据是新的，页面的数据是旧的。
• updated：更新之后，data和页面里的数据都是新的。
• beforeDestroy：销毁之前，清空页面监听和定时器。
• destroyed：销毁之后。

父子组件的生命周期执行顺序

• 加载渲染过程：父beforeCreate > 父created > 父beforeMount > 子beforeCreate > 子created > 子beforeMount > 子mounted > 父mounted
• 更新过程：父beforeUPdata > 子beforeUPdata > 子updated > 父updated
• 销毁过程：父beforeDestroy> 子beforeDestroy> 子destroyed> 父destroyed