Vue生命周期概述

![生命周期](https://img-blog.csdnimg.cn/eff0fc7d178a463cab20f9525b3ee25d.png#pic_center)

怀胎-出生-成长-入土
儿童时期，青年时期，成年，老年

  在不同的阶段可以做不同事情 (有些事件只能在某个阶段做才合理)

  其实就是描述的是vue组件的生命周期

  描述的组件实例、虚拟dom、真实dom的关系

  分4个阶段:  (8个钩子,也是组件实例的选项)



beforeCreate( ) // 创建前，此时组件实例未创建，不可以使用data，虚拟DOM未创建，真实DOM未渲染

created( ) // 创建后，组件实例已创建，可以使用data，但是虚拟DOM未创建，真实DOM未渲染

beforeMount( ) // 挂载前，组件实例已创建，可以使用data，但是虚拟DOM未创建，真实DOM未渲染

mounted( ) // 挂载后，组件实例已创建，可以使用data，虚拟DOM创建，真实DOM渲染

beforeUpdete( ) // 更新前，组件实例已创建，拿到更新后的数据，更新后的虚拟DOM，真实DOM未更新

updated( ) // 更新后，组件实例已创建，拿到更新后的数据，更新后的虚拟DOM，更新后的真实DOM

beforeUnmount( ) // 销毁前

Unmounted( ) // 销毁后


  创建前/后 - 挂载前后   -  更新前后  - 销毁前/后 

  beforeCreate

  created

  beforeMount

  mounted

  -- 以上4钩子,在组件创建的时候会依次执行

​    场景: 

​      某个页面一打开的时候,就要去请求数据然后显示出来

​      在vue开发中,只要把请求到的数据,赋值给data, 那么页面显示出来了

​        这时候就要选择一个生命周期的钩子去做请求操作

​        created  beforeMount  mounted 这三个都可以

​        但是建议在mounted上做:  此时整个实例,虚拟dom都是完整的了

​        所以mounted这个生命周期钩子,使用频率肯能会比较频繁

  当组件有更新的时候,就会触发更新阶段的钩子

  beforeUpdate

  updated

  vue的其中一个特点就是虚拟dom, 它的作用就是减少真实dom的操作(比较耗性能)