? Vue的生命周期

? ? 初始化渲染 (初始化階段 ?模版編譯 ?掛載階段)

? ? 更新階段

? ? 銷毀階段

? ? Vue的生命周期鉤子函數(shù) (輔助函數(shù))

? ? 1. 無論是否存在生命周期鉤子函數(shù), Vue的生命周期都會正常執(zhí)行

? ? 2. Vue的生命周期鉤子函數(shù)可以幫助我們查看Vue在生命周期各個階段執(zhí)行了什么操作, 也可以允許用戶執(zhí)行一些副作用操作

? ? 初始化渲染 (初始化階段 ?模版編譯 ?掛載階段)

? ? beforeCreate 第一個執(zhí)行的生命周期鉤子,發(fā)生在實例化對象創(chuàng)建之后, new Vue(options)配置對象解析之前, 此時無法訪問相關(guān)的數(shù)據(jù) 方法 計算屬性 數(shù)據(jù)監(jiān)聽 => 只有一個Vue實例

? ? created ?發(fā)生在實例化對象創(chuàng)建之后,此時new Vue(options)配置對象已經(jīng)被解析,這意味著相關(guān)的數(shù)據(jù) 方法 計算屬性 數(shù)據(jù)監(jiān)聽(watch) 數(shù)據(jù)劫持(Vue響應式)都已經(jīng)綁定,但是此時模版還未編譯和掛載

? ? beforeMount ?Vue實例掛載前執(zhí)行, 相關(guān)的render()函數(shù)首次被調(diào)用,將模版解析為虛擬DOM

? ? mounted ? ? ?掛載之后執(zhí)行, 此時虛擬DOM已經(jīng)被解析為真實DOM(初始化渲染完畢),用解析后的元素替換原本掛載el