```
Vue每個(gè)組件都存在一個(gè)生命周期,從創(chuàng)建,變更到銷毀。
```
## 一:創(chuàng)建期間的生命周期函數(shù)
1、beforeCreate()
`觸發(fā):`實(shí)例剛在內(nèi)存中被創(chuàng)建出來(lái),此時(shí),還沒(méi)有初始化好 data 和 methods 屬性。
2、created()
`觸發(fā):`實(shí)例已經(jīng)在內(nèi)存中創(chuàng)建OK,此時(shí) data 和 methods 已經(jīng)創(chuàng)建OK,此時(shí)還沒(méi)有開(kāi)始 編譯模板。(一般在此生命周期獲取初始數(shù)據(jù))
3、beforeMount()
`觸發(fā):`此時(shí)已經(jīng)完成了模板的編譯,但是還沒(méi)有掛載到頁(yè)面中。
4、mounted()
`觸發(fā):`此時(shí),已經(jīng)將編譯好的模板,掛載到了頁(yè)面指定的容器中顯示 (一般在此生命周期獲取dom元素)
## 二:運(yùn)行期間的生命周期函數(shù)
1、beforeUpdate()
`觸發(fā):`狀態(tài)更新之前執(zhí)行此函數(shù), 此時(shí) data 中的狀態(tài)值是最新的,但是界面上顯示的 數(shù)據(jù)還是舊的,因?yàn)榇藭r(shí)還沒(méi)有開(kāi)始重新渲染DOM節(jié)點(diǎn)
2、updated
`觸發(fā):`實(shí)例更新完畢之后調(diào)用此函數(shù),此時(shí) data 中的狀態(tài)值 和 界面上顯示的數(shù)據(jù),都已經(jīng)完成了更新,界面已經(jīng)被重新渲染好了!
## 三:銷毀期間的生命周期函數(shù)
1、beforeDestroy()
`觸發(fā):`實(shí)例銷毀之前調(diào)用。在這一步,實(shí)例仍然完全可用。
2、destroyed
`觸發(fā):`Vue 實(shí)例銷毀后調(diào)用。調(diào)用后,Vue 實(shí)例指示的所有東西都會(huì)解綁定,所有的事件監(jiān)聽(tīng)器會(huì)被移除,所有的子實(shí)例也會(huì)被銷毀。
- 目錄結(jié)構(gòu)
- 指令
- 條件渲染
- 列表渲染
- 自定義指令
- 修飾符
- 組件
- 生命周期
- 計(jì)算屬性和監(jiān)聽(tīng)屬性
- 全局注冊(cè)和局部注冊(cè)
- 動(dòng)態(tài)組件
- 異步組件
- 插槽
- Prop
- 自定義事件
- 訪問(wèn)元素 & 組件
- 混入
- 渲染函數(shù)
- JSX
- 組件的依賴注入
- 遞歸組件
- 路由
- 命名路由
- 路由組件傳參
- 路由守衛(wèi)
- 網(wǎng)絡(luò)請(qǐng)求
- 表單
- 狀態(tài)管理器
- State
- Getter
- Mutation
- Action
- Module
- CLI命令
- 安裝Vue CLI
- 創(chuàng)建Vue項(xiàng)目
- 啟動(dòng)應(yīng)用
- 相關(guān)概念
- 對(duì)象解構(gòu)賦值
