vue學習筆記(生命週期鉤子函式順序)

2021-08-27 14:23:20 字數 1182 閱讀 2117

在頁面首次載入執行順序有如下:

beforecreate                //在例項初始化之後、建立之前執行

created                         //例項建立後執行

beforemounted             //在掛載開始之前呼叫

filters      //掛載前載入過濾器

computed                     //計算屬性

directives-bind              //只呼叫一次,在指令第一次繫結到元素時呼叫

directives-inserted        //被繫結元素插入父節點時呼叫

activated                       //keek-alive元件被啟用時呼叫,則在keep-alive包裹的巢狀的子元件中觸發

mounted     //掛載完成後呼叫

}                                //mustache表示式渲染頁面

修改頁面input時,被自動呼叫的選項順序如下:

watch                           //首先先監聽到了改變事件

filters     //過濾器沒有新增在該input元素上,但是也被呼叫了

beforeupdate              //資料更新時呼叫,發生在虛擬dom打補丁前

directived-update        //指令所在的元件的vnode更新時呼叫,但可能發生在其子vnode更新前

directives-componentupdated//指令所在的元件的vnode及其子元件的vnode全部更新後呼叫

updated                      //元件dom已經更新

元件銷毀時,執行順序如下

beforedestroy            //例項銷毀之前呼叫

directives-unbind       //指令與元素解綁時呼叫,只呼叫一次

deactivated                //keep-alive元件停用時呼叫

destroyed                  //例項銷毀之後呼叫

vue生命週期,鉤子函式

一 vue生命週期簡介 咱們從上圖可以很明顯的看出現在vue2.0都包括了哪些生命週期的函式了,總結一下,對官方文件的那張圖簡化一下,就得到了這張圖。二 生命週期 對於執行順序和什麼時候執行,看上面圖基本有個了解了。下面我們將結合 去看看鉤子函式的執行。鉤子函式 1.create 和 mounted...

vue 生命週期(鉤子函式)

new vue 例項物件,下一步進入beforcreate 狀態 當使用new vue 建立物件之前,執行的事件 這裡可以做載入動畫 下一步,進入created 然後,他會檢測是否有el屬性,如果有在檢測template屬性型別,是一段渲染的函式還是一段html 然後就進入了beforemount狀...

vue生命週期鉤子函式

什麼是生命週期?vue中的生命週期指的是 元件 從建立到銷毀乙個過程,在這個過程中,我們在每乙個特定的階段會觸發一些方法 這些方法具備一些功能 我們給這些方法起了個名字叫做 生命週期鉤子函式 元件鉤子 為什麼要學習生命週期?因為我們想在生命週期鉤子中實現專案功能,那麼我們必須知道每乙個鉤子函式的具體...