Vue_生命周期

今年这个年关过的紧张兮兮，疫情肆虐，咱蜗居就是为国家做贡献啦...
既然不能出门，那只有打开电脑，学习使我快乐了.../(ㄒoㄒ)/~~

image.png

最近正在学习前台框架vue，边学边笔记，也和大家一起分享一下
觉得生命周期这一块还是挺重要的，而且对于我个人而言还是比较容易忽视的，做个笔记记录一下，嘿嘿
下图展示了实例的生命周期：

image.png

vue的生命周期分三个阶段：初始化显示、更新显示、死亡；
初始化显示阶段又可分为四个小阶段：beforCreate，created，beforeMount，mounted(挂载：初始化显示之后立即调用)
更新显示阶段也分为两个小阶段：beforeUpdate，updated
死亡阶段也分为两个小阶段：beforeDestory，destoryed

每个生命阶段都对应相应的回调函数，也可以叫勾子函数；

1. 初始化显示

• beforeCreate()
• created()
• beforeMount()
• mounted()

2. 更新状态: this.xxx = value

• beforeUpdate()
• updated()

3. 销毁 vue 实例: vm.$destory()

• beforeDestory()
• destoryed
  vue创建函数时用箭头创建匿名函数=>，会自带this，如果内部没有会调用外部的this，外部的this就是vm对象
  常用的生命周期方法

1. created()/mounted(): 发送 ajax 请求, 启动定时器等异步任务
2. beforeDestory(): 做收尾工作, 如: 清除定
   编码示例：

destory vue
{{msg}}