- 談談你對迴流重繪的理解，如何解決提升效能：

迴流/重排：頁面佈局流發生改變就叫做迴流，例如：width、height、border、top等

重繪：重繪元素自身的樣式發生改變但是不會影響佈局流，例如：color、background、box-shadow等

- 寫出11個生命週期 和作用：

beforeCreate

beforeMount

beforeUpdate

beforeDestroy

created 請求介面 this.$nextTick(() => { DOM操作 })

mounted 請求介面、DOM操作 echarts、swiper等等

updated 模型資料變化進一步重置圖表，例如聊天視窗到底部、echarts等

destroyed 清除非vue資源，寫定時器切換元件了要記得清除。

- 說出created、mounted區別：

created模型初始化了，但是虛擬DOM沒有

mounted當前元件已經掛在到頁面，子元件不好說可以通過this.$nextTick來確保

- created預設不能操作DOM、但是我就要操作怎麼確保能操作成功：

this.$nextTick(() => {})

- 談談你對$nextTick的理解

- vue中用來確保DOM渲染完畢之後的一個API - 避免出現無法獲取DOM

- 案例： 對話方塊dialog 顯示掃碼登入、操作子元件場景等等

- 談談你對keep-alive的理解

- 作用：快取元件 避免元件切換的時候建立銷燬頻繁觸發created、destroyed鉤子函式

- 談談keep-alive的LRU快取淘汰策略：

:max="6" - 作用：僅快取6個元件的資料 - 策略：LRU 最近最少使用就 放第7個就把最近最少使用的搞走

include- 字串或正則表示式。只有名稱匹配的元件會被快取。

exclude- 字串或正則表示式。任何名稱匹配的元件都不會被快取。

max- 數字。最多可以快取多少元件例項。

- 談談keep-alive既要快取又想新增時候獲取最新資料如何解決：

- 回答：使用快取生命週期 actived deactived