Vue生命周期

65 阅读1分钟

一.Vue生命周期的作用是什么

Vue所有的功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理DOM渲染两大重要功能

二.Vue具体有几个生命周期和常用的生命周期

  1. beforeCreate(创建前)
  2. created(创建后)
  3. beforeMount (载入前)
  4. mounted(载入后)
  5. beforeUpdate (更新前)
  6. updated (更新后) 7. beforeDestroy( 销毁前)
  7. destroyed (销毁后)

常用的生命周期有: created,mounted,beforeDestroy

createdmounted:在DOM渲染到真实页面前需要更改data中的数据到真实DOM中可用,一般用来请求服务端回来的数据。

beforeDestroy:一般用来销毁页面的定时器,指令,过滤器...

最后附上一张对生命周期理解的图:

微信图片_20221031203123.jpg