老生常談vue的生命周期

一、什麼是生命周期

每一個組件都可能經歷從創建,掛載,更新,卸載的過程。

在這個過程中的某一個階段,用於可能會想要添加一些屬於自己的邏輯代碼(比如組件創建完後就請求一些服務器數據)

但是我們如何知道目前組件正在哪一個過程中,vue給我們提供瞭組件的生命周期函數。

二、生命周期函數

生命周期函數是一個鉤子函數,在某一個時間會被vue內部源碼進行回調。

通過對生命周期函數的回調,我們知道目前組件正在經歷什麼階段。

那麼我們就可以在該聲明周期中編寫屬於自己的邏輯代碼瞭。

三、生命周期的流程

在這裡插入圖片描述

四、簡單的生命周期代碼

在這裡插入圖片描述

在這裡插入圖片描述

在這裡插入圖片描述

使用keep-alive進行包裹組件時,可以打印出的結果為:

在這裡插入圖片描述

總結

本篇文章就到這裡瞭,希望能夠給你帶來幫助,也希望您能夠多多關註WalkonNet的更多內容!      

推薦閱讀: