天天看點

生命周期鈎子函數

生命周期鈎子函數

生命周期函數:就是vue執行個體在某一個時間點會自動執行的函數,直接放在執行個體裡面,都沒有參數,this都指向執行個體化對象

通過 new Vue 建立的為根 Vue 執行個體,所有的 Vue 元件都是 Vue 執行個體,并且接受相同的選項對象 (一些根執行個體特有的選項除外)

Vue 執行個體的執行個體屬性與方法都有字首 $

元件共分三大周期:建立期,存在期,銷毀期

建立期:

  • beforeCreate 元件即将建立,此時什麼資料都無法通路
  • created 元件建立完成,此時我們可以通路綁定的資料以及自定義事件
  • beforeMount 元件即将建構,此時确定了容器元素和模闆渲染方法,但是沒有上樹
  • mounted 元件建構完成,此時元件已經上樹,我們可以看到該元件。

存在期(資料更新):

  • beforeUpdate 元件即将更新,此時視圖還沒有更新
  • updated 元件更新完成,此時視圖中的資料已經更新了

銷毀期:

  • beforeDestory 元件即将銷毀,此時資料尚未銷毀
  • destroyed 元件已經銷毀,此時無法通路綁定的資料,子元件,自定義事件了

在keep-alive中使用元件的時候,元件從頁面中移除并不會銷毀,而是進入激活或者未激活狀态,删除時不會被銷毀,而是納入緩存;建立該元件時,會優先使用緩存的元件。

  • activated 元件已經被激活,此時元件顯示出來了
  • deactivated 元件已經被移除,此時元件已經被隐藏

繼續閱讀