vue面試總結 2022

特點：

初始化例項，不能使用data和methods、ref

示例

beforecreate: function () ,

結果

特點：data和methods都已經被初始化好了，可以呼叫，但ref還是不行

示例

created: function () 
},

結果

特點：開始掛載之前呼叫，相關的render函式首次被呼叫此時的dom是資料掛載前的dom，資料還未掛載（將虛擬dom轉變成真實dom的過程，所以在這之前，我們的el當然還是拿不到的）雖然 $ref已被初始化，但還是拿不到值

示例

beforemount: function () ,

結果

跑題·······················

大家看小穎在列印 $ref 時又重新定義了乙個_ref ，並且這個變數是深拷貝了 $ref 的，這是為了方便大家能夠看到在該鉤子函式中 $ref 的值，如果大家不明白為什麼，可以看下下面的**

看這個結果大家有沒有發現變數b不會隨著變數a的改變而改變，但是變數b2會隨著變數a2的改變而改變，這是為什麼呢？

因為a、b都是基本型別，而a2、b2都是引用型別，基本型別儲存的是值，引用型別儲存的是乙個指向物件真實記憶體位址的指標。在 js 中，物件包括array object function regexp math等。

大家可以參考下：js物件賦值只保留存在的屬性_夯實js主要知識點

來來來，我們接著看vue的生命週期，不要被小穎帶偏了哈哈哈

特點：例項掛載完成，vue例項已經初始化完成，初始化的el被vm.$el替換（虛擬dom已經掛載在了真實的元素上，所以從此開始我們就可以拿到el）

示例

mounted: function () ,

結果

特點：資料更新時呼叫，發生在虛擬dom打補丁之前，這裡適合更新之前訪問現有的dom，比如手動移除已新增的時間***，該鉤子在伺服器端渲染期間不被呼叫，因為只有初次渲染會在服務端進行。

示例

beforeupdate: function () ,

結果

特點：在資料驅動下導致的虛擬dom重新渲染和打補丁之後呼叫，此時，元件dom已經更新。只會在資料變更之後觸發這個鉤子函式。

示例

updated: function () ,

結果

特點：例項銷毀之前呼叫，此時例項還可用

示例：(清除定時器 / 解綁js定義的事件)

特點：例項銷毀後呼叫，例項指示的所有東西都會解繫結，所有的事件***會被移除，所有的子例項也會被銷毀，

示例：(清除定時器 / 解綁js定義的事件)

vue都使用那麼久了，還不了解它的生命週期嗎、了解vue的生命週期、vue元件的生命週期講解

後面的等晚上再寫·················