
生命周期函數:就是vue執行個體在某一個時間點會自動執行的函數,直接放在執行個體裡面,都沒有參數,this都指向執行個體化對象
通過 new Vue 建立的為根 Vue 執行個體,所有的 Vue 元件都是 Vue 執行個體,并且接受相同的選項對象 (一些根執行個體特有的選項除外)
Vue 執行個體的執行個體屬性與方法都有字首 $
元件共分三大周期:建立期,存在期,銷毀期
建立期:
- beforeCreate 元件即将建立,此時什麼資料都無法通路
- created 元件建立完成,此時我們可以通路綁定的資料以及自定義事件
- beforeMount 元件即将建構,此時确定了容器元素和模闆渲染方法,但是沒有上樹
- mounted 元件建構完成,此時元件已經上樹,我們可以看到該元件。
存在期(資料更新):
- beforeUpdate 元件即将更新,此時視圖還沒有更新
- updated 元件更新完成,此時視圖中的資料已經更新了
銷毀期:
- beforeDestory 元件即将銷毀,此時資料尚未銷毀
- destroyed 元件已經銷毀,此時無法通路綁定的資料,子元件,自定義事件了
在keep-alive中使用元件的時候,元件從頁面中移除并不會銷毀,而是進入激活或者未激活狀态,删除時不會被銷毀,而是納入緩存;建立該元件時,會優先使用緩存的元件。
- activated 元件已經被激活,此時元件顯示出來了
- deactivated 元件已經被移除,此時元件已經被隐藏