vue mvvm模板定義與vue生命週期

#vue mvvm模板
vue作爲前端框架 肯定封裝好了便捷的框架 接下來我們看看vue mvvm模板
在這裏插入圖片描述
#vue生命週期
從開始創建、初始化數據、編譯模板、掛在DOM、渲染-更新-渲染、卸載等一系列過程,我們成爲Vue 實例的生命週期.
鉤子就是在某個階段給你一個做某些處理的機會.

在網上找了一個很完美的圖示:
在這裏插入圖片描述
beforeCreate( 創建前 ):
創建前,基本沒用

created ( 創建後 )
所有的方法,實例,數據已經初始化完成,除了掛載點。
可以這裏發ajax請求,但是這個週期中是沒有什麼方法來對實例化過程進行攔截的,因此假如有某些數據必須獲取才允許進入頁面的話,並不適合在這個方法發請求,建議在組件路由鉤子beforeRouteEnter中完成

beforeMount(掛載點前被調用)
data裏面的數據和模板生成html,完成了el和data 初始化,注意此時還沒有掛在html到頁面上

mounted(掛載點完成)
渲染到HTML頁面中,此時一般可以做一些ajax操作

beforeUpdate
在數據更新之前被調用,基本沒有用

updated(更新後)
在由於數據更改導致地虛擬DOM重新渲染和打補丁只會調用,調用時,組件DOM已經更新,所以可以執行依賴於DOM的操作

beforeDestrioy (銷燬前)
這一步還可以用this來獲取實例,
一般在這一步做一些重置的操作,比如清除掉組件中的定時器 和 監聽的dom事件

destroyed(銷燬後)
在實例銷燬之後調用,調用後,所以的事件監聽器會被移出,所有的子實例也會被銷燬,該鉤子在服務器端渲染期間不被調用

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章