Vue生命週期

2021-09-29 05:30:49 字數 659 閱讀 4563

它們的公共特徵

他們各自的特點 / 功能

我會從下面幾個方向研究: data中的資料是否能夠獲取,真實dom是否能獲取

beforecreate

created

可以獲取資料,但是不能獲取真實dom

總結: 資料請求,然後將請求的結果賦值給我們的資料

beforemount

元件掛載前的準備工作

總結: 資料請求,然後將請求的結果賦值給我們的資料,這個鉤子我們就讓它做內部事務去吧,不去用它

mounted

表示元件掛載結束,也就是生成的html已經插入頁面結束了

總結:專案中資料請求 -> created/mounted

dom操作 -> mounted

面試題vue中資料請求往**寫?

資料請求初始化階段都可以寫

資料的修改我們後三個鉤子

我習慣往mounted裡面寫

vdom真正在**生成的?jsx在**解析的?真實dom**生成了?

觸發條件: 資料改變

beforeupdate

updated

總結:

鉤子函式有兩個: 這兩個鉤子函式沒有差別,任意用乙個即可

手動操作的作用: 善後

errorcaptured

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