HMVue4.1【组件的生命周期】

 

1 课件 & vue组件生命周期图

 

 

 

 

 

 

 

 

2 初始项目

 

 

 

 

3 组件生命周期

3-1 组件创建阶段：beforeCreate()

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3-2 组件创建阶段：created()

 

 

 

 

 

 

 

 

 

 

模板结构尚未生成，即dom尚不可用

3-3 两个黄色背景菱形判断框(no，仅el无template) + 两个绿色背景处理框(no，编译el to html)

 

3-4 组件创建阶段：beforeMount()

 

3-5 组件创建阶段：mounted()

 

 

 

 

 

 

3-6 组件运行阶段：beforeUpdate()

 

 

  

 

 

 

 

 when data changes触发beforeUpdate()

 

 

3-7 组件运行阶段：updated()

 

 

 

3-8 组件销毁阶段：beforeDestory()

 

 

 

 

 

 

 

 

 

 

 

 

 

3-9 组件销毁阶段：destroy()