Vue的生命週期函式

2021-10-22 19:24:34 字數 970 閱讀 8880

生命週期函式

研究vue的生命週期,實際上說的是vue例項的生命週期,主要是指生命週期中的一些函式,

這個函式,會在合適的時機,自動呼叫,不需要我們去呼叫,這個函式,叫生命週期函式,

也叫鉤子函式,如下:

​ 基本上沒有什麼用,在vm例項建立之前,此函式中,是沒有辦法得到dom元素的,因為dom元素還沒掛載到頁面上

​ vm例項已建立完畢,vm可以工作了,在引鉤子中,就可以獲取data中的資料,呼叫methods中的方法了。但是還不能獲取dom元素,因為dom元素,還沒有掛載到頁面上。

​ 在此勾子函式中,就可以傳送ajax請求,在vue中傳送ajax請求,一般會使用axios。 但是vue中基本上不會使用jq,或jq中的ajax

​ 表示dom元素掛載到頁面之前呼叫,也沒有什麼用,因為dom也獲取不了。

​ 基本上也沒有人在這個鉤子中傳送ajax請求。

​ dom元素已經掛載ok了,我們已經看到網頁了。此鉤子中:

​ 1)獲取data中的資料

​ 2)呼叫methods中的方法

​ 3)也可以傳送ajax請求 有些人就喜歡在mounted這個鉤子中傳送ajax請求

​ 4)獲取dom元素

​ 當狀態改變時,會自動重新整理的模板,此時就會呼叫beforeupdate。在這個鉤子函式中,

​ 獲取的資料是最新的資料,但是頁面上的資料還是老資料。

​ 頁面已經渲染完畢,頁面上的資料就變成了最新的資料。

​ 問:你能不能在updated中改變資料?

​ 答:不能 如果修改了,可能會造成死迴圈

​ 在vm例項死之前,會呼叫beforedestroy,在這個鉤子,可以做一些收尾工作(後面說)

​ vm已死,此鉤子沒什麼用

現在我們需要掌握的:

​ 1)created 可以傳送ajax請求 獲取資料 呼叫方法

​ 2)mounted 可以傳送ajax請求 可以獲取dom元素 獲取資料 呼叫方法

vue 生命週期函式

什麼是生命週期 從vue例項建立 執行 到銷毀期間,總是伴隨著各種各樣的事件,這些事件,統稱為生命週期!生命週期鉤子 就是生命週期事件的別名而已 生命週期鉤子 生命週期函式 生命週期事件 主要的生命週期函式分類 建立期間的生命週期函式 beforecreate 例項剛在記憶體中被建立出來,此時,還沒...

vue 生命週期函式

每個鉤子函式都在什麼時間觸發 1.beforecreate 在例項初始化之後,資料觀測 data observer 和 event watcher 事件配置之前被呼叫。2.created 3.beforemount 在掛載開始之前被呼叫 相關的 render 函式首次被呼叫。4.mounted el...

vue生命週期函式

從vue例項建立 執行到銷毀期間總會伴隨各種各樣的事件,這些事件統稱為生命週期。1 beforecreate 在beforecreate生命週期執行的時候,data和method中的資料都還沒有被初始化。2 ceated 在created中data和methods都已經初始化好了。3 beforem...