vue的生命周期都做了什么


1.beforeCreat

第一個生命周期函數,表示實例在完全創建出來之前會執行它,在執行它時,data和methods中的數據都還未初始化。

2.created

第二個生命周期函數,此時data和methods已經初始化完成,created()完成之后,vue開始編譯模板,最終在內存中生成一個編譯好的最終模板字符串,然后把模板字符串渲染為內存中的dom

3.beforeMount

第三個生命周期函數,表示模板在內存中已經編譯好了,但是並沒有渲染到頁面中。頁面顯示的還僅僅是模板字符串

4.Mounted

第四個生命周期函數,此時內存中的模板已經真實的掛載到了頁面中,用戶可以看到渲染好的頁面了

運行中的兩個事件

beforeUpdated()

執行它時,data中的數據已經被更新了,但是頁面中的data還未被替換過來

updated()

執行它時,頁面和data中的數據已經同步了

 


免責聲明!

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



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