Vue的生命周期

vue生命周期是什么？

Vue生命周期是指vue实例对象从创建之初到销毁的过程，vue所有功能的实现都是围绕其生命周期进行的，在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。

• 1.创建阶段

beforeCreate(创建前)： Vue实例刚被创建出来，还没有初始化好Vue实例中的数据和方法，不能访问保存在Vue实例中的数据和方法，且不能获取DOM节点

created(创建后)： 可以访问Vue实例中保存的数据和方法，还没开始编译模板，不能获取DOM节点

beforeMount(载入前)：开始编译模板，根据data中的数据和指令生成HTML模板，但还没渲染到视图上，仅存在于内存中

mounted(载入后)：把编译好的模板挂载到页面上，数据和DOM都已渲染

• 2.运行阶段

  beforeUpdate(更新前): Vue实例中保存的数据被修改了才会调用beforeUpdate，数据已经更新，还没更新渲染视图

  updated(更新后)：数据和页面都已经更新渲染

• 3.销毁阶段

  beforeDestroy(销毁前)：当前组件即将被销毁，只要组件不被销毁， beforeDestroy就不会调用。这是我们最后能访问到组件数据和方法的函数

  destoryed(销毁后)：当前组件已经被销毁，不能再destoryed钩子函数中再去操作组件中的数据和方法