Vue之生命週期函式

2022-09-05 03:09:13 字數 1285 閱讀 3590

掛載el的兩種方式:

八大生命週期函式

前四個是元件常見階段的生命週期函式,只會執行一次

1、beforecreate(){}

建立例項之前,這個階段拿不到data上面的資料。

此階段進行頁面重定向

建立例項之後

介面還沒有渲染,但是可以拿到data值了,也是最早可以對資料進行初始化的地方

此階段可以開始請求介面

執行之前,這個階段已經準備好了要編譯的模板,但還沒有渲染到介面

這個階段可以拿到$el

4、mounted()

這個階段,介面已經渲染好了,如果依賴於dom的元件初始化可以放到這裡

後四個是執行階段的週期函式

5、beforeupdate(){}

資料更新之前,但是介面還沒有更新

在更新之前,修改data

注意事項:不要在非同步操作裡修改data,會造成迴圈呼叫

資料更新之後

這個階段data上的資料就和介面資料一樣了

如果介面改變了,有些元件可能還需要渲染,渲染過程就放在這裡

7、銷毀

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...