2022-10-06|閱讀時間 ‧ 約 1 分鐘

[7] Vue: Life cycle

今天來介紹 vue 的生命週期,什麼是生命週期呢?講簡單一點就是從你用瀏覽器打開網頁開始,到網頁內的元件一個一個生成,到整個完整的網頁建立的過程就叫生命週期,完整過程如下圖
是不是眼花撩亂啊?讓我簡化一下,其實主要順序就是如下圖
在加上 setup 語法糖的 script 標籤內做的事相當於在 beforeCreatecreated 階段完成
而想要設定什麼事情要在其他階段做,要像下面這樣,以下以設定 mounted 階段舉例,先 import onMounted 進來,然後把要做的事情寫在 onMounted function 裡
如果考慮到路由又會加上 beforeRouteEnter, befoRerouteLeave,就是可以設定進入這個頁面之前和離開這個頁面之前做什麼事
來舉個例子,我常常會設定在進入這個頁面之前先更改 web title
分享至
成為作者繼續創作的動力吧!
比起詳細教學單一技能,網路上或者市面上整合多項技能的教學相對少很多,但要真的完成一項專案往往不是只靠一項技能便能做到。 而且教科書式的完整教學也比較枯燥乏味,因此我想以自身的經驗為例,以全端開發各項技能中最常用到的部分進行講解,讓讀者能夠快速上手掌握全端技能。
從 Google News 追蹤更多 vocus 的最新精選內容從 Google News 追蹤更多 vocus 的最新精選內容

發表回應

成為會員 後即可發表留言