孔傑霖
你好，我是「前端雨爸」，希望我的回答對你有所幫助。
我的回答
首先，理解對於有生命週期的框架來說非常重要，這樣能大致把握整個代碼的不同階段的運行過程，減少錯誤代碼的出現。
那怎麼能快速掌握生命週期呢？
1. 看官網相關的生命週期圖譜
無論 React 還是 Vue 都提供了生命週期的圖例，試著去閱讀它，明白每個生命週期的 api 鉤子在其中的切入點。知道發生在那個階段。
下圖摘自 Vue 官網：
2. 動手實踐
在一個組件內，把所有的生命週期方法都給實現一遍，然後看它們在控制檯打印的順序。
上圖，摘自我自己理解生命週期過程所做的調試。
最後
相信這樣，會對理解生命週期有個幫助。
如果覺得不錯，歡迎關注「前端雨爸」，讓我們一同在前端路上成長進步。
前端雨爸
寫這章博客不是為了要獲得多少贊，主要是利用vue開發項目時踩的坑太多了。自己曾不理解或者遇到的問題再這裡搞清楚，不想後來的人再遇到這樣的坑，做技術的要懂得分享，做人嘛，最重要的是開心。
vue官網說，“你暫時不用搞清楚這些...\
Echa攻城獅
vue官網說，“你暫時不用搞清楚這些...\
廖Vip
首先查看官網文檔裡面生命週期鉤子函數，然後在自己的demo程序裡添加所有鉤子函數，每個函數內部輸出一句話到控制檯，運行起來，觀察輸出。
分享到:
