认识Vue的生命周期钩子

233 阅读1分钟

1.什么是生命周期

就像一个人从出生到死亡要经历一个完整的周期一样,vue在运行过程中,也是有一个周期的。它的生命周期主要分为四个阶段

  • 创建阶段:beforeCreate和created

  • 挂载阶段:beforeMount和mounted

  • 更新阶段: beforeUpdate和updated

  • 销毁阶段:beforeDestroy和destroyed

2.生命周期钩子的使用场景

1.beforeCreat(无法通过Vue访问到data里面的数据和方法) ;created(可以通过Vue访问到data里面的数据和方法)(其中:creat指的是数据监测和数据代理创建之前和之后)

2.beforeMount(页面呈现未经Vue编译产生的结构) mounted(页面呈现经过Vue编译产生的结构,一般在这里启动定时器,绑定自定义事件,发送ajax请求,订阅消息等初始化操作)

3.beforeUpdate(数据是新的,页面是旧的) Updated(数据页面都是新的)

4.beforedestroy(即将销毁) destroyed(销毁完毕)

可以借助下面的这个图来帮助理解

生命周期钩子理解图.png 喜欢就点个赞吧~~biubiu

img.png