iT邦幫忙

2023 iThome 鐵人賽

DAY 24
0
Vue.js

重新瞭解vue3.js + vite框架系列 第 24

Day24-生命週期簡要介紹(1)

  • 分享至 

  • xImage
  •  

說明非常陌生的生命週期~

Vue主元件是一推小元件組成

網站首頁主元件內有banner元件、內容元件、側欄元件等組成,切換其他頁面時,導致內容元件變動,須執行卸載生成其他頁面內容,觸發生命週期

簡易生命週期說明
https://ithelp.ithome.com.tw/upload/images/20231009/20121669xYwNuY6Ggr.png
圖片來源
Vue的生命周期有哪些:
1.beforeCreate(創建前):初始化狀態,未有資料,未渲染畫面
2.created(創建後):資料已建立,未渲染畫面,即將進入樣板判斷
3.beforeMount(載入前):資料已建立,未渲染畫面,進入樣板判斷完成
4.mounted(載入後):資料已建立,已渲染畫面(完成掛載DOM和渲染)
5.beforeUpdate(更新前):判斷資料是否需更新
6.updated(更新後):完成更新後重新渲染至畫面
7.beforeDestroy(銷毀前):在執行刪除前提是是否刪除警訊
8.destroyed(銷毀後):刪除所有元件及監聽

.
知識點來源:六角課程、網路文章

以上是今天所提供知識點如有誤,再請務必在下面留言~


上一篇
Day23-watch 監聽(2)
下一篇
Day25-生命週期簡要介紹(2)
系列文
重新瞭解vue3.js + vite框架30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言