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()

 

 

 

 

 

 

posted @ 2021-11-21 15:51  yub4by  阅读(32)  评论(0)    收藏  举报