元件生命週期都是用方法的形式來展示的 }
元件生命週期三個階段，一共有11個方法，核心 8 個方法
元件的生命週期方法，稱呼為： 『生命週期鉤子函式』
鉤子函式出現的意義
一丶初始化階段
初始化階段
- 觸發條件自動觸發
- 總結
- 前三個只記憶，工作中不使用
- mounted可以得到真實dom，我才能操作dom
- beforecreate: 初始化事件和生命週期
- created： 對options選項的注入和校驗
- 針對data選項
- beforemount: 判斷el,判斷template, 通過render -> 生成vdom
beforecreate ()
* 表示： 元件建立前
* 作用： 初始化事件 & 初始化生命週期
* 初始化事件: 將我們methods中的事件給到元素身上
* 初始化生命週期： 將options選項賦值給內部私有變數
* 面試：
* 1. beforecreate中做的任務是內部進行，建議不要人為干預
* 2. 當前鉤子函式 vdom 是否生成？
* 沒有生成
* 3. 當前鉤子函式 是否 能獲的 data 中的資料
* 拿不到
* 4. 當前鉤子函式 是否 能獲得 真實 dom
* 拿不到
created ()
* 表示： 元件建立結束,也就意味著元件身上的options已經賦值結束了
* 任務： 初始化注入和初始化校驗
* 初始注入和校驗，針對的是 options
beforemount () {
* 表示： 元件掛載前
* 任務
* 1. 判斷是否有el？ root元件
* 有 繼續判斷 是否有 template
* 是 ----》 通過render函式渲染
* 否 ----》 使用outerhtml來進行模板的編譯
* 沒有 通過 $mount 將上去
vdom 在這裡生成
mounted () {
* 表示： 元件掛載結束
* 任務： 建立vm.$el 來代替 el 換用一句話： 使用真實dom來代替vdom
* 可以獲得真實dom
二丶更新階段
updated **
beforeupdate () {
* 表示： 元件更新前
* 任務： 重新生成了 vdom
updated () {
* 表示: 元件更新結束
* 任務：
* 將vdom渲染為真實dom
* 更新檢視
作用
beforedestroy
destroyed
個人對於Vue生命週期的理解
生命週期 元件從建立到銷毀的一系列過程叫做元件的宣告週期。vue在整個生命週期裡面提供了一些函式，可以在內部實現一些業務邏輯，並且這些函式會在一些特定的場合下去執行。在生命週期的某乙個時刻進行觸發 生命鉤子函式 vue在整個生命週期裡面提供了一些函式，可以在內部實現一些業務邏輯，並且這些函式會在一些...
vue生命週期總結（個人理解）
附上官網生命週期圖 beforecreate 開始建立階段，這個階段主要做的事是，初始化vue例項，此時元件的物件還未建立，el 和 data 並未初始化，因此無法訪問methods，data等上的方法和資料。created vue例項建立之後呼叫，資料觀察，屬性和方法的運算，完成了data的初始化...
Vue元件的生命週期
有乙個需要是分別在建立b元件和b bro元件時利用事件匯流排 on 註冊 乙個事件，在銷毀元件前 off 登出 這個事件，開始我是分別在created中 on，在beforedestory中 off，但是發現b bro中的事件註冊不上該事件，最後發現是生命週期的原因 b bro beforecrea...