[vue] 请描述下vue的生命周期是什么?
生活随笔
收集整理的這篇文章主要介紹了
[vue] 请描述下vue的生命周期是什么?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[vue] 請描述下vue的生命周期是什么?
生命周期就是vue從開始創建到銷毀的過程,分為四大步(創建,掛載,更新,銷毀),每一步又分為兩小步,如beforeCreate,created。beforeCreate前,也就是new Vue的時候會初始化事件和生命周期;beforeCreate和created之間會掛載Data,綁定事件;接下來會根據el掛載頁面元素,如果沒有設置el則生命周期結束,直到手動掛載;el掛載結束后,根據templete/outerHTML(el)渲染頁面;在beforeMount前虛擬DOM已經創建完成;之后在mounted前,將vm.$el替換掉頁面元素el;mounted將虛擬dom掛載到真實頁面(此時頁面已經全部渲染完成);之后發生數據變化時觸發beforeUpdate和updated進行一些操作;最后主動調用銷毀函數或者組件自動銷毀時beforeDestroy,手動撤銷監聽事件,計時器等;destroyed時僅存在Dom節點,其他所有東西已自動銷毀。這就是我所理解的vue的一個完整的生命周期;個人簡介
我是歌謠,歡迎和大家一起交流前后端知識。放棄很容易,
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
總結
以上是生活随笔為你收集整理的[vue] 请描述下vue的生命周期是什么?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [vue] 说说你对vue的错误处理的了
- 下一篇: html5倒计时秒杀怎么做,vue 设