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 監聽
