本文主要介紹vue生命周期及其應用場景(vue生命周期分別做了什么)，下面一起看看vue生命周期及其應用場景(vue生命周期分別做了什么)相關資訊。
前面的話，vue公司的實例進行一系列的初始化步驟，比如建立數(shù)據(jù)觀察，編譯模板，創(chuàng)建數(shù)據(jù)綁定等等。在這個過程中，我們可以通過一些定義好的生命周期鉤子函數(shù)來運行業(yè)務邏輯。本文將詳細描述vue實例的生命周期idol。下圖解釋了vue實例的生命周期圖。其次，根據(jù)提供的生命周期鉤子，詳細講解了vue實例的各個階段的細節(jié)。{beforecreate}在實例開始初始化時調(diào)用同步。此時，數(shù)據(jù)觀察、事件等。尚未初始化。創(chuàng)建實例后調(diào)用{author}。此時，數(shù)據(jù)觀察和事件方法已經(jīng)完成，但是dom編譯還沒有開始，也就是還沒有掛載到文檔中。{beforemount}預運行安裝{now}在編譯結束時調(diào)用，此時所有指令都已生效。數(shù)據(jù)更改可以觸發(fā)dom更新，但是不能保證el已經(jīng)插入到文檔中。{beforeupdate}實例安裝完成后，再次更新實例時(比如更新數(shù)據(jù))調(diào)用此方法，此時不更新dom結構。{更新}實例安裝后，實例再次更新，dom結構更新為調(diào)用。{beforedestroy}實例在銷毀時仍然有效。{destroy}在實例被銷毀后被調(diào)用，此時所有綁定和實例指令被解綁，子實例被銷毀。{激活}它需要與動態(tài)組件一起使用，以維護動態(tài)屬性。在動態(tài)組件渲染初始化期間調(diào)用此方法{invalid}需要與維護動態(tài)組件的動態(tài)屬性一起使用。在初始化動態(tài)組件遷移的過程中調(diào)用此方法的簡單示例。這是一個簡單的例子。以vue公司為例，更清晰的理解運營機制{ message } var vm = new vue({ el:# instance，data:{ message: ;match}，在create{ console . log( ;在創(chuàng)建之前)；}，create{ console . log( ;已創(chuàng)建)；}，before mount{ console . log( ;在mount之前)；}，mount{ console . log( ;裝裱)；}，before update{ console . log( ;更新前)；}，update{ console . log( ;更新)；調(diào)用$ damaged組件更新函數(shù)后銷毀此；}，在destro之前y{ console . log( ;銷毀前)；}，destroy{ console . log( ;銷毀)；}，})以上是基于vue實例的生命周期(綜合分析)，這是全邊肖分享給你的。希望能給大家一個參考，希望大家多多支持。
了解更多vue生命周期及其應用場景(vue生命周期分別做了什么)相關內(nèi)容請關注本站點。