后续再更新，主要4个阶段，create、mount、update、destory

vue2的生命周期

  • mounted()挂载完毕，是把组件渲染到页面上的
  • beforeupdate和updated是页面的数据刷新，刷新一次调用一次，可能调用好几次，而创建和挂载只能调用一次
  • beforedestroy和destroyed是组件销毁，用v-if，变成false时会调用，注意如果用的v-show，变成false不会调用

vue2的生命周期

  • 要用生命周期函数需要先引入，import，vue2不需要
  • 创建前和创建完毕被setup()取代，所以创建可以直接在<script setup>标签里写
  • 除了要加on以外，还得用驼峰式，要大写（on不用），onBeforeMount、onMounted
  • 另外，vue2里的销毁在vue3里变成了卸载
    从beforedestroy和destroyed变成了onBeforeUnmount和onUnmounted

父子生命周期

  • 子先挂载，父再挂载，最后是App组件（App.vue）

常用的钩子

  • onMounted(挂载完毕)、onUpdated(更新完毕)、onBeforeUnmount(卸载之前)