vue生命周期钩子函数
生活随笔
收集整理的這篇文章主要介紹了
vue生命周期钩子函数
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
vue實例從創建到銷毀的過程就是生命周期。過程如下:
開始創建——>初始化數據——>編譯模版——>掛載Dom——>渲染、更新——>渲染——>銷毀。
vue的生命鉤子函數(生命周期),總共可以分為8個階段,他們各階段的作用如下:
1、beforeCreate(實例創建前):此階段是獲取不到props和data的數據的,因為這個階段數據都初始化在initState中。且此階段vue的所有屬性都還不存在。
2、created(實例創建完成):此階段可以訪問之前不能訪問到的數據,但此時組件還沒掛載,$el也還不存在。
3、beforeMount(掛載之前):此階段開始創建VDOM,最后執行mounted鉤子,并將VDOM渲染為真實DOM并且選人數據。組件中如果有子組件的話,會遞歸掛載子組件,只有當所有子組件全部掛載完畢,才會執行根組件。
4、mounted(掛載之后):此階段data中的數據已經被渲染到元素中 ,可以操作dom。
5、beforeUpdate(更新前):此階段組件將要更新。
6、updated(組件更新后):此階段組件更新完成。
7、beforeDestroy(組件銷毀前):此階段適宜移除事件、定時器等,否則可能會引起內存泄漏的問題。然后進行一系列的銷毀操作,如果有子組件的話,也會遞歸銷毀子組件。
8、destroyed(組件銷毀后):組件銷毀完成。
總結
以上是生活随笔為你收集整理的vue生命周期钩子函数的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python模块------pyauto
- 下一篇: 哔哩哔哩怎么开启后台播放