1、VUE生命週期是VUE實例化或者組件創建到消亡的過程。
2、 beforeCreate 創建前的狀態,初始化事件和生命週期。
3、創建完畢狀態Init (初始化) injections (依賴注入) & reactivity (開始響應)。
4、beforeMount 掛載前狀態, 是否有元素el,是否有模板,是否渲染到了函數內,是否作爲模板進行了outerHTML渲染到了頁 面,向虛擬DOM上掛載的過程,並且還是把我們的‘#app’生成虛擬DOM,生成完畢後並渲染到view層。
5、mounted 掛載結束狀態,渲染到真正的DOM。
6、beforeUpdate可以拿到Vue實例化改變前的狀態。
7、Updated拿到變動完成的狀態。
8、beforeDestroy消亡前的狀態。
9、destroyed實例化或組件被摧毀消亡。
Vue生命週期的鉤子函數有哪些,分別作用是什麼?
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Vue加載OpenLayer入門教程(超簡單)
来日可期啊
2020-07-08 12:37:34
Element-ui
狂风
2020-07-08 11:49:25
vue引入echarts的自定義主題
1、首先從官網上配置屬於自己的主題,然後點擊導出配置,即可導出對應的json文件 2、通過後臺數據庫,自動選擇對應主題文件 3、然後再需要使用的地方使用即可
Agwenbi
2020-07-08 11:38:51
ElementUI的Drawer加上滾動條
肖潇不吃丸子
2020-07-08 11:18:09
Vue中出現“‘xxxxx‘ is defined but never used”解決辦法
肖潇不吃丸子
2020-07-08 11:18:09
使用npm上傳包教程
1、首先擁有自己的上傳文件,例如 class lc{ constructor(){ this.arr = []; } map(){ this.arr.map((item)=>{
Agwenbi
2020-07-08 11:00:30
vue在history的路由模式下,刷新後界面報404
需要配置下nginx,位置在/conf/vhosts/*.conf,將當前目錄下的所有conf都修改一下最好 server { listen 80; server_name agwenb
Agwenbi
2020-07-08 11:00:30
vue使用element-resize-detector監聽元素寬度變化
Agwenbi
2020-07-08 11:00:30
vuex進行分包管理
Agwenbi
2020-07-08 11:00:30
vue項目,使用前端微服務
Agwenbi
2020-07-08 11:00:30
富文本/整段文本中右側無法對齊的問題之text-align: justify(css)
Syleapn
2020-07-08 07:14:58
uni-app中組件間方法調用
Syleapn
2020-07-08 07:14:58
Spring Boot + Vue實現樹形結構
素小暖
2020-07-08 06:49:16
Vue入門(12)webpack上
徐扬_前端小白的成长之路
2020-07-08 06:33:45