Vue實體有一個完整的生命周期,從創建、掛載、更新、銷毀都是有兩個階段的,通過我們對生命周期的掌握從事實作我們所需要的方法和效果,每個階段也都是各司其職,具體常用的生命周期分成了八個,官方圖↓

beforeCreate
這是我們第一個執行的生命周期,此時組件的選項物件還未創建,el 和 data 并未初始化,因此無法訪問methods, data, computed等方法和資料,一般我們也不會用到這個生命周期,在呼叫beforeCreate()函式前,vue主要做了vm實體一些屬性的定義和createElement()方法的封裝,
created
當我們的組件創建完畢后呼叫的生命周期,在這個生命周期中基本的配置已經完成,我們已經可以操作我們所定義的資料,以及methods方法,這個生命周期也是經常用到的,
beforeMount
從執行順序上作為第三個生命周期,這時候渲染模板已經準備好了,但是這個時候還沒有掛載到http上,
mounted
作為vue的掛載周期,mounted也是用最為常用的,在這個周期里面dom已經都渲染完畢了,是可以獲取到dom元素的,也可以進行ajax請求,但是如果有子組件的話,在這個周期之前會先執行子組件,因為周期是順序執行的,
beforeUpdate
組件更新前呼叫的生命周期,可以在該周期中更改資料狀態,不發生重復渲染
updated
作用是更新完畢用的生命周期,可以在這里面查看資料,
beforeDestroy
在實體被銷毀前,還可以使用this獲取實體,做一些清除快取,計時器的操作,
destroyed
在此周期中所有實體以及監聽事件都會被消除,并且該周期不會在渲染期間重復呼叫,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/354668.html
標籤:其他
上一篇:JS案例之放大鏡
