實例生命周期
- 所有的 Vue 組件都是 Vue 實例，并且接受相同的選項對象即可 (一些根實例特有的選項除外)。
- 實例生命周期也叫做：組件生命周期
生命周期介紹
- vue生命周期鉤子函數
- 簡單說：一個組件從開始到最后消亡所經歷的各種狀態，就是一個組件的生命周期
組件生命周期函數的定義：從組件被創建，到組件掛載到頁面上運行，再到頁面關閉組件被卸載，這三個階段總是伴隨著組件各種各樣的事件，那么這些事件，統稱為組件的生命周期函數！
生命周期的鉤子函數：框架提供的函數，能夠讓開發人員的代碼，參與到組件的生命周期中。也就是說，通過鉤子函數，就可以控制組件的行為
注意：vue再執行過程中會自動調用
生命周期鉤子函數，我們只需要提供這些鉤子函數即可注意：鉤子函數的名稱都是固定的！！！
鉤子函數 - beforeCreate()
- 說明：在實例初始化之后，數據觀測 (data observer) 和 event/watcher 事件配置之前被調用
- 注意：此時，無法獲取 data中的數據、methods中的方法
鉤子函數 - created()
- 注意：這是一個常用的生命周期，可以調用methods中的方法、改變data中的數據
- vue實例生命周期 參考1
- vue實例生命周期 參考2
- 使用場景：發送請求獲取數據
鉤子函數 - beforeMounted()
- 說明：在掛載開始之前被調用
鉤子函數 - mounted()
- 說明：此時，vue實例已經掛載到頁面中，可以獲取到el中的DOM元素，進行DOM操作
鉤子函數 - beforeUpdated()
- 說明：數據更新時調用，發生在虛擬 DOM 重新渲染和打補丁之前。你可以在這個鉤子中進一步地更改狀態，這不會觸發附加的重渲染過程。
鉤子函數 - updated()
- 說明：組件 DOM 已經更新，所以你現在可以執行依賴于 DOM 的操作。
鉤子函數 - beforeDestroy()
- 說明：實例銷毀之前調用。在這一步，實例仍然完全可用。
- 使用場景：實例銷毀之前，執行清理任務，比如：清除定時器等
鉤子函數 - destroyed()
- 說明：Vue 實例銷毀后調用。調用后，Vue 實例指示的所有東西都會解綁定，所有的事件監聽器會被移除，所有的子實例也會被銷毀。
