這篇文章給大家分享的是有關vue生命周期有多少個階段的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
站在用戶的角度思考問題,與客戶深入溝通,找到金水網站設計與金水網站推廣的解決方案,憑借多年的經驗,讓設計與互聯網技術結合,創造個性化、用戶體驗好的作品,建站類型包括:網站建設、成都網站制作、企業官網、英文網站、手機端網站、網站推廣、域名與空間、網絡空間、企業郵箱。業務覆蓋金水地區。
vue的生命周期共有八個階段,分別是:1、實例創建前;2、實例創建后;3、實例載入前;4、實例載入后;5、實例更新前;6、實例更新后;7、實例銷毀前;8、實例銷毀后。
本文操作環境:windows10系統、Vue2.9.6版,DELL G3電腦。
每個Vue實例在創建時都會經過一系列的初始化過程,vue的生命周期鉤子,就是說在達到某一階段或條件時去觸發的函數,目的就是為了完成一些動作或者事件
create
階段:vue實例被創建
beforeCreate
: 創建前,此時data和methods中的數據都還沒有初始化
created
: 創建完畢,data中有值,未掛載
mount
階段: vue實例被掛載到真實DOM節點
beforeMount
:可以發起服務端請求,去數據
mounted
: 此時可以操作DOM
update
階段:當vue實例里面的data數據變化時,觸發組件的重新渲染
beforeUpdate
:更新前
updated
:更新后
destroy
階段:vue實例被銷毀
beforeDestroy
:實例被銷毀前,此時可以手動銷毀一些方法
destroyed
:銷毀后
組件生命周期
生命周期(父子組件) 父組件beforeCreate --> 父組件created --> 父組件beforeMount --> 子組件beforeCreate --> 子組件created --> 子組件beforeMount --> 子組件 mounted --> 父組件mounted -->父組件beforeUpdate -->子組件beforeDestroy--> 子組件destroyed --> 父組件updated
加載渲染過程 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted
掛載階段 父created->子created->子mounted->父mounted
父組件更新階段 父beforeUpdate->父updated
子組件更新階段 父beforeUpdate->子beforeUpdate->子updated->父updated
銷毀階段 父beforeDestroy->子beforeDestroy->子destroyed->父destroyed
感謝各位的閱讀!關于“vue生命周期有多少個階段”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
網站標題:vue生命周期有多少個階段
地址分享:http://vcdvsql.cn/article42/pcdhec.html
成都網站建設公司_創新互聯,為您提供網站收錄、動態網站、App開發、、網站維護、面包屑導航
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯