Vue物件的生命週期

2022-05-17 01:54:17 字數 475 閱讀 1893

每個vue物件在建立時都要經過一系列的初始化過程。在這個過程中vue.js會自動執行一些叫做生命週期的的鉤子函式,我們可以使用這些函式,在物件建立的不同階段加上我們需要的**,實現特定的功能。

按鈕

總結:

1.在vue使用的過程中,如果要初始化操作,把初始化操作的**放在 mounted 中執行。

mounted階段就是在vm物件已經把data資料實現到頁面以後。一般頁面初始化使用。例如,使用者訪問頁面載入成功以後,就要執行的ajax請求。

2.另乙個就是created,這個階段就是在 vue物件建立以後,把ajax請求後端資料的**放進 created

3.還有乙個是updated,這個階段是data裡面的資料再次更新之後會觸發的方法。如:只有事先設定好的data變數如下arrdata改變並且要在頁面重新渲染}完成之後,才會進updated方法

vue生命週期

beforecreate 元件例項剛剛被建立,屬性都沒有 create 例項已經建立完成,屬性已經繫結 beforemount 模板編譯之前 mounted 模板編譯之後 beforeupdate 元件更新之前 updated 元件更新完畢 beforedestroy 元件銷毀之前 destroye...

vue生命週期

vue把整個生命週期劃分為建立 掛載 更新 銷毀等階段,每個階段都會給一些 鉤子 讓我們來做一些我們想實現的動作。學習例項的生命週期,能幫助我們理解vue例項的運作機制,更好地合理利用各個鉤子來完成我們的業務 我們分別來看看這幾個階段 1.beforecreate 此階段為例項初始化之後,此時的資料...

Vue 生命週期

import vue from vue el root 沒有的話,使用render,繼續沒有,就把el的outerhtml編譯成模板 template temp data beforecreate created el是原來的el beforemount 渲染函式 render h this.tex...