Vue 生命週期函式

生命週期函式也也叫鉤子函式、生命鉤子，相當於是一種特殊事件，當vm例項在整個執行的過程中，會在不同的時期去執行特定的函式，這樣的函式就是vue的生命週期函式

（1）beforecreate()

​vm例項建立之前

​data都還沒有構建出來資料，方法也還沒有構建出來

（2）created()

​vm例項建立完畢

​data 方法 等等工具已經構建完畢，但是vm還沒有掛載到介面上去，可以在這個鉤子中做頁面第一次載入時的網路請求

（3）beforemount()

​掛載到dom之前

​data等vm物件的工具構建完畢,正在掛載到dom中

（4）mounted()

​掛載到dom上了

​有點像window.onload，這裡也可以做網路請求，頁面載入了之後的所有業務，都可以在這裡，這個函式執行標誌著vm和dom成功關聯==>隨意操作vm來間接的操作dom

（5）beforeupdate()

​更新資料之前

（6）updated()

​更新資料完畢

更新的是data,這時候還沒有重新整理ui，它會去找乙個合適的時機去重新整理ui，這個鉤子呼叫之後才會重新整理ui

（7）beforedestroy()

​銷毀例項之前

​常常去把一些執行著的**停下來，本地或網路請求來記錄使用者的配置資訊或者偏好設定

（8）destroyed()

​例項銷毀了

​鉤子呼叫之後才會銷毀

​可以放在data生成以後更新資料之前的所有鉤子中，具體的更具業務需求來 常見的放在created或者 mounted中，因為網路請求下來的資料，常常會存在data容器中，所以必須要等到data生成之後才做網路請求。

​created：因為有時候我們希望非同步的網路請求和vm的掛載同時進行 體現出cpu多核的優勢

​mounted：因為有時候我們希望本地的ui骨架已經載入完畢以後再去請求資料重新整理ui

​常常去把一些執行著的**停下來，做善後的工作本地或者網路請求來記錄使用者的配置資訊或者偏好設定

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