Vue生命周期的執行過程(面試必備) 極簡版


  最近准備面試,臨時抱佛腳的來回顧一下vue相關的面試題,當然這是不對的,平時還是要努力呀,走起:

  1、創建vue實例,Vue();

  2、在創建Vue實例的時候,執行了init(),在init過程中首先調用了beforeCreate鈎子函數

  3、同時監聽data數據,初始化vue內部事件,進行屬性和方法的計算

  4、以上都干完了,調用Created鈎子函數

  5、模板編譯,把data對象里面的數據和vue語法寫的模板編譯成HTML。編譯過程分三種情況:1)實例內部有template屬性,直接調用,然后調用render函數去渲染;2)沒有該屬性調用外部html;3)都沒有拋出錯誤;

  6、編譯模板完成,調用beforeMount鈎子函數

  7、render函數執行之后,將渲染出來的內容掛載到DOM節點上;

  8、掛在結束,調用Mounted鈎子函數

  9、數據發生變化,調用beforeUpdate鈎子函數,經歷virtual Dom

  10、更新完成,調用Updated鈎子函數

  11、beforeDestory銷毀所有觀察者、組件及事件監聽;

  12、Destoryed實例銷毀;

 

  是不是很簡單,看完了吸口氣,腦海里捋一捋,差不多就是這樣嘍,88;

 


免責聲明!

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



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