beforeCreate()
- 實(shí)例初始化之后滔迈，但是屬性止吁，方法， 事件還未被創(chuàng)建時(shí)調(diào)用
- 應(yīng)用：
- 一般用于vue實(shí)例外的屬性燎悍，方法敬惦，事件調(diào)用
created()
- 實(shí)例化完成后調(diào)用，此時(shí)數(shù)據(jù)谈山、屬性俄删、方法、watch/event事件回調(diào)已完成配置奏路，但掛載未開始畴椰，$el屬性不可見
- 應(yīng)用：
- 異步數(shù)據(jù)請(qǐng)求、數(shù)據(jù)初始化適宜在這個(gè)階段進(jìn)行調(diào)用
- 如想元素掛載完成后進(jìn)行操作可以使用
this.$nextTick()方法進(jìn)行回調(diào)獲取
beforeMount()
- 在掛載開始之前被調(diào)用：相關(guān)的 render 函數(shù)首次被調(diào)用鸽粉。該鉤子在服務(wù)器端渲染期間不被調(diào)用斜脂。
mounted()
- 初始數(shù)據(jù)DOM掛載渲染完成，此周期只能操作初始數(shù)據(jù)所形成的DOM触机，對(duì)于異步數(shù)據(jù)所掛載的DOM卻無法獲取
beforeUpdate()
- 數(shù)據(jù)更新時(shí)調(diào)用帚戳，發(fā)生在虛擬 DOM 重新渲染和打補(bǔ)丁之前。你可以在這個(gè)鉤子中進(jìn)一步地更改狀態(tài)威兜，這不會(huì)觸發(fā)附加的重渲染過程销斟。該鉤子在服務(wù)器端渲染期間不被調(diào)用。
updated()
- 由于數(shù)據(jù)更改導(dǎo)致的虛擬 DOM 重新渲染和打補(bǔ)丁椒舵，在這之后會(huì)調(diào)用該鉤子蚂踊。
當(dāng)這個(gè)鉤子被調(diào)用時(shí)，組件 DOM 已經(jīng)更新笔宿，所以你現(xiàn)在可以執(zhí)行依賴于 DOM 的操作犁钟。然而在大多數(shù)情況下，你應(yīng)該避免在此期間更改狀態(tài)泼橘。如果要相應(yīng)狀態(tài)改變涝动，通常最好使用計(jì)算屬性或 watcher 取而代之。 - 應(yīng)用：
- 任何數(shù)據(jù)的更新炬灭，如果要做統(tǒng)一的業(yè)務(wù)邏輯處理
beforeDestroy()
- 實(shí)例銷毀之前調(diào)用醋粟。在這一步，實(shí)例仍然完全可用。
destroyed()
- Vue 實(shí)例銷毀后調(diào)用米愿。調(diào)用后厦凤，Vue 實(shí)例指示的所有東西都會(huì)解綁定，所有的事件監(jiān)聽器會(huì)被移除育苟，所有的子實(shí)例也會(huì)被銷毀较鼓。
- 應(yīng)用：
- 當(dāng)有多個(gè)實(shí)例在頁(yè)面中，其中的1個(gè)或者多個(gè)實(shí)例只觸發(fā)一次后违柏，后面所操作的數(shù)據(jù)不打算對(duì)其進(jìn)行實(shí)例進(jìn)行操作時(shí)博烂，可銷毀實(shí)例
activated()
- keep-alive 組件激活時(shí)調(diào)用。
deactivated()
- keep-alive 組件停用時(shí)調(diào)用漱竖。
