在vue中，每个生命周期都有不同的阶段，执行不同的事情

一：初始化阶段（Vue 3 不存在，采用setup）

1：beforeCreate=>在实例被创建之初，数据观测和事件配置之前调用

2：created=>在实例创建完成后调用，此时实例已完成数据观测和事件配置,可以进行一些异步操作

 beforeCreate() {
    console.log('beforeCreate')
  },
  created() {
    console.log('created')
  },

二：挂载阶段

1：beforeMount=>在挂载开始之前调用，即将模板编译并将其替换为虚拟 DOM 之前

2：mounted=>在挂载完成后调用，此时组件已经被渲染到页面中,可以进行一些DOM操作

beforeMount() {
    console.log('beforeMount')
  },
  mounted() {
    console.log('mounted')
  },

三：更新阶段

1：beforeUpdate=>在数据更新之前调用，此时虚拟 DOM 已经更新，但尚未重新渲染

2：updated=>在数据更新之后调用，此时组件已经重新渲染

beforeUpdate() {
    console.log('beforeUpdate')
  },
  updated() {
    console.log('updated')
  },

四：销毁阶段

1：beforeDestroy=>在实例销毁之前调用

2：destroyed=>在实例销毁之后调用,可以进行一些清理操作

 beforeDestroy() {
    console.log('beforeDestroy')
  },
  destroyed() {
    console.log('destroyed')
  },

五：特殊生命周期，(主要用于keep-live,可以缓存渲染过得组件，提高页面性能)

1：activated=>在 keep-alive 组件被激活时调用，组件可以被渲染

2：deactivated=>在 keep-alive 组件被停用时调用，此时组件被缓存起来，可能不会被渲染