Vue3的生命週期

1.Vue2已有的鉤子函式和Vue3的部分鉤子函式對比

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片儲存下來直接上傳(img-Ff149HOS-1606718667775)(D:\Typora\resources\Vue3\image-20201130104152877.png)]

2.新舊鉤子使用原則

Vue 官方的文件裡，明確指出了。如果你使用 Vue3，請儘量使用新的生命週期鉤子函式

3.Vue3新鉤子函式onRenderTracked()和onRenderTriggered()的使用

• onRenderTracked()：跟蹤頁面上所有響應式變數和方法的狀態，即使用return返回的值，然後生成event物件

  imprt { ...,onRenderTracked } from 'vue'
  

  onRenderTracked((event) =>{
  	console.log(event)
  })
  

• onRenderTriggered()：和onRenderTracked()的區別就是返回的event更加直觀

  imprt { ...,`onRenderTriggered } from 'vue'
  

  `onRenderTriggered((event) =>{
  	console.log(event)
  })
  

  console.log(event)
  })