日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

vue生命周期钩子函数

發布時間:2024/8/26 综合教程 45 生活家
生活随笔 收集整理的這篇文章主要介紹了 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生命周期钩子函数的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。