:::
2-5 常用生命週期
https://vue3js.cn/docs/zh/api/options-lifecycle-hooks.html#beforecreate
onBeforeMount=> DOM 渲染前執行onMounted=> DOM 渲染完成後執行onBeforeUpdate=> 資料更新DOM更改前執行onUpdated=> 資料更新DOM更改後執行onBeforeUnmount=> 組件銷毀前執行onUnmounted=> 組件銷毀後執行onErrorCaptured=> 當組件發出錯誤時後調用onRenderTracked=> 監控 virtual DOM 重新選染時調用 ( 此事件告訴你操作什麼監聽了組件以及該操作的物件)onRenderTriggered=> 監控 virtual DOM 重新選染時調用 ( 此事件告訴你操作什麼觸發了重新渲染,以及該操作的物件)

2-4 watch 及 watchEffect 監聽