VUE生命周期函數 可謂是一個個鮮活的生命在服務於各個在使用VUE框架的碼農~ beforeCreate: 創建實例之前; 初始化 註入&校驗 把data、methods、props、computed、provide、watch...依次掛載到實例上 methods 中普通的方法和computed中 ...
VUE生命周期函數
可謂是一個個鮮活的生命在服務於各個在使用VUE框架的碼農~
- beforeCreate: 創建實例之前;
- 初始化 註入&校驗 把data、methods、props、computed、provide、watch...依次掛載到實例上
-
methods 中普通的方法和computed中的方法區別在於後者存在緩存,如果數據值沒有變直接調取緩衝中的結果,不會再走函數體
- created: 實例創建完成(一般在這裡做數據的非同步請求,保證數據儘快拿回來);
-
v-if vs v-show :前者是控制組件是否存在,當v-if值為true則存在,值為false則銷毀不存在, 從而控制組件的生命周期。後者是控制組件是否顯示,不會引發組件的生命周期函數
- beforeMount 渲染DOM之前,編譯模板,把模板放到render函數中。
- mounted 編譯完成,並將數據放到指定位置
上述生命周期函數在生命周期內只執行一次
- beforeUpdate 數據更新之前 (數據更新控制DOM重新渲染)
- update 重新渲染完成
- beforeDestroy 銷毀之前
- destroyed 銷毀完成