vue vue的生命週期詳解

2021-08-29 07:29:36 字數 1503 閱讀 3459

vue的生命週期詳解

不多bb先上圖

可以看到在vue一整個的生命週期中會有很多鉤子函式提供給我們在vue生命週期不同的時刻進行操作,,那麼先列出所有的鉤子函式,然後我們再進行詳解:

1、beforecreatecreated

在這個生命週期之間,進行初始化事件,進行資料的觀測,根據圖可以看到在created的時候資料已經和data屬性進行繫結(放在data中的屬性當值發生改變的同時,檢視也會改變)

2、beforemountmounted

在這個階段首先會判斷物件是否有el選項。如果有的話就繼續向下編譯,如果沒有el選項,則停止編譯,也就意味著停止了生命週期,直到在該vue例項上呼叫vm.$mount(el)

3、beforeupdateupdated

beforeupdate時可以監聽到data的變化但是view層沒有被重新渲染,view層的資料沒有變化。等到updated的時候view層才被重新渲染,資料更新。

4、beforedestroydestroyed

beforedestroy鉤子函式在例項銷毀之前呼叫。在這一步,例項仍然完全可用。

destroyed鉤子函式在vue例項銷毀後呼叫。呼叫後,vue例項指示的所有東西都會解繫結,所有的事件***會被移除,所有的子例項也會被銷毀。

附:vue生命週期演示**(請用瀏覽器開啟並檢視控制台)

改變資料

Servlet Servlet生命週期詳解

servlet 生命週期詳解 servlet 的生命週期是由 servlet 的容器來控制的。分為 3個階段 初始化階段 執行階段 銷毀階段。servlet 容器載入 servlet 類,把它的.class 檔案中的資料讀到記憶體中。servlet 容器建立 servletconfig 物件。ser...

Activity生命週期詳解

針對上述對生命的描述,可以從三個角度來對activity的生命週期進行劃分 1.完整的activity的生命週期。即從oncreate到ondestroy之間的整個過程。2.可見的activity的生命週期。即從onstart到onstop之間的整個過程,在這個期間,activity一直處於可見的狀...

Activity生命週期詳解

在android應用程式裡,乙個activity就是乙個使用者介面。使用者與程式的互動就是通過activity來實現的,可以看成 的頁面。主activity是程式啟動的入口。應用程式成功啟動之後,呈獻給使用者的第乙個介面,即為該程式的主activity。android 的虛擬機器 vm 是使用基於棧...