---
# System prepended metadata

title: Vue 生命週期
tags: [Vue]

---

###### tags:`Vue` 
# Vue 生命週期

![](https://i.imgur.com/GYkfGK1.jpg)

**註一 before Create :**
還沒有給data,資料尚未匯入

**註二 cteated:**

產生新的hook ,建立created ,資料進行操作都在created之後.
如果要使用AJAX也事created之後才能使用.

**註三 beforeMount**

編譯好的模板還沒有掛到html DOM上面

**註四 Mounted:**
編譯好模板已掛到html DOM上,這裡開始進行html操作
如果有載入jQuery從這邊才開始可以操作html DOM元素

**註五beforeUpdate**
資料建立好後,因為資料變動關係,觸發beforeUpdate

**註六updated:**
畫面完成再觸發updated

**註七beforeDestroy:**
如果資料有用<kbd><keep-alive></keep-alive></kbd>包住,
不會觸發資料destroyed
**註八destroyed:**