原文地址:https://www.cnblogs.com/webbest/p/6722780.html
Vue所有的生命周期鉤子自動綁定在this上下文到實例中闲坎,因此你可以訪問數(shù)據(jù)项戴,對屬性和方法進行運算宛裕。這意味著你不能使用箭頭函數(shù)來定義一個生命周期方法。這是因為箭頭函數(shù)綁定了父上下文牙勘,因此this與你期待的Vue實例不同职恳。
1、beforeCreate
在實例初始化之后方面,數(shù)據(jù)觀測和event/watcher時間配置之前被調(diào)用放钦。
2、created
實例已經(jīng)創(chuàng)建完成之后被調(diào)用恭金。在這一步操禀,實例已經(jīng)完成以下的配置:數(shù)據(jù)觀測,屬性和方法的運算横腿,watch/event事件回調(diào)颓屑。然而,掛載階段還沒開始耿焊,$el屬性目前不可見揪惦。
3、beforeMount
在掛載開始之前被調(diào)用:相關(guān)的render函數(shù)首次被調(diào)用罗侯。
該鉤子在服務器端渲染期間不被調(diào)用器腋。
4、mounted
el被新創(chuàng)建的vm.$el替換钩杰,并掛在到實例上去之后調(diào)用該鉤子函數(shù)纫塌。如果root實例掛載了一個文檔內(nèi)元素,當mounted被調(diào)用時vm.$el也在文檔內(nèi)讲弄。
該鉤子在服務端渲染期間不被調(diào)用护戳。
5、beforeUpdate
數(shù)據(jù)更新時調(diào)用垂睬,發(fā)生在虛擬DOM重新渲染和打補丁之前媳荒。
你可以在這個鉤子中進一步第更改狀態(tài),這不會觸發(fā)附加的重渲染過程驹饺。
該鉤子在服務端渲染期間不被調(diào)用钳枕。
6、updated
由于數(shù)據(jù)更改導致的虛擬DOM重新渲染和打補丁赏壹,在這之后會調(diào)用該鉤子鱼炒。
當這個鉤子被調(diào)用時,組件DOM已經(jīng)更新蝌借,所以你現(xiàn)在可以執(zhí)行依賴于DOM的操作昔瞧。然而在大多數(shù)情況下指蚁,你應該避免在此期間更改狀態(tài),因為這可能會導致更新無限循環(huán)自晰。
該鉤子在服務端渲染期間不被調(diào)用凝化。
7、activated
keep-alive組件激活時調(diào)用酬荞。
該鉤子在服務器端渲染期間不被調(diào)用搓劫。
8、deactivated
keep-alive組件停用時調(diào)用混巧。
該鉤子在服務端渲染期間不被調(diào)用枪向。
9、beforeDestroy 【類似于React生命周期的componentWillUnmount】
實例銷毀之間調(diào)用咧党。在這一步秘蛔,實例仍然完全可用。
該鉤子在服務端渲染期間不被調(diào)用傍衡。
10深员、destroyed
Vue實例銷毀后調(diào)用。調(diào)用后聪舒,Vue實例指示的所有東西都會解綁定辨液,所有的事件監(jiān)聽器會被移除,所有的子實例也會被銷毀箱残。
該鉤子在服務端渲染不會被調(diào)用滔迈。