VUE(生命周期)


//     1.什么是 vue 生命周期?
vue生命周期是指vue實例對象從創建之初到銷毀的過程,vue所有功能的實現都是圍繞其生命周期進行的,在生命周期的不同階段調用對應的鈎子函數實現組件數據管理和DOM渲染兩大重要功能。
//     2.vue生命周期的作用是什么?
vue生命周期包含4個階段,8個鈎子函數,作用在某個階段給你一個做某些處理的機會。
//     3.第一次頁面加載會觸發哪幾個鈎子?
beforeCreate, created, beforeMount, mounted
//     4.簡述每個周期具體適合哪些場景?
beforecreate : 可以在這加個loading事件,在加載實例時觸發
created : 初始化完成時的事件寫在這里,如在這結束loading事件,異步請求也適宜在這里調用
mounted : 掛載元素,獲取到DOM節點
updated : 如果對數據統一處理,在這里寫上相應函數
beforeDestroy : 可以做一個確認停止事件的確認框 nextTick : 更新數據后立即操作dom
//     5.created和mounted的區別?
created不能操作DOM節點,mounted可以操作DOM節點
//     6.vue獲取數據在哪個周期函數?
created/beforeMount/mounted
//     7.請詳細說下你對vue生命周期的理解?
創建前/后:在beforeCreated階段,vue實例的掛載完el還沒有。
載入前/后:在beforeMount階段,vue實例的$el和data都初始化了,但還是掛載之前為虛擬的dom節點,data.message還未替換。在mounted階段,vue實例掛載完成,data.message成功渲染。
更新前/后:當data變化時,會觸發beforeUpdate和updated方法。
銷毀前/后:在執行destroy方法后,對data的改變不會再觸發周期函數,說明此時vue實例已經解除了事件監聽以及和dom的綁定,但是dom結構依然存在。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM