一、概念：內(nèi)置的抽象組件，自身不會(huì)渲染Dom元素，也不會(huì)出現(xiàn)在父組件鏈中。【abstract：true --- 判斷當(dāng)前組件虛擬dom是否渲染成真實(shí)dom的關(guān)鍵】。
二、作用：緩存不活動(dòng)的組件實(shí)例。
三、場(chǎng)景： 列表頁(yè)面選擇篩選條件過(guò)濾一份數(shù)據(jù)列表， 再進(jìn)入詳情頁(yè)面，再返回該列表頁(yè)面、我們希望：表頁(yè)面可以保留用戶的篩選（或選中）狀態(tài)。
四、用法：
1、在動(dòng)態(tài)組件中的應(yīng)用
2、在vue-router中的應(yīng)用
include: 定義緩存白名單，keep-alive會(huì)緩存命中的組件
exclude: 定義緩存黑名單，被命中的組件將不會(huì)被緩存
max: 義緩存組件上限，超出上限使用LRU的策略置換緩存數(shù)據(jù)【內(nèi)存管理的一種頁(yè)面置換算法，對(duì)于在內(nèi)存中但又不用的數(shù)據(jù)塊（內(nèi)存塊），操作系統(tǒng)會(huì)根據(jù)哪些數(shù)據(jù)屬于LRU而將其移出內(nèi)存而騰出空間來(lái)加載另外的數(shù)據(jù)】
四、源碼
ps、定義了三個(gè)鉤子函數(shù)
created: 初始化兩個(gè)對(duì)象分別緩存VNode(虛擬DOM)和VNode對(duì)應(yīng)的key鍵集合
destroyed: 刪除this.cache中緩存的VNode實(shí)例 (不是簡(jiǎn)單地將this.cache置為null，而是遍歷調(diào)用pruneCacheEntry函數(shù)刪除。)
mounted: 對(duì)include和exclude參數(shù)進(jìn)行監(jiān)聽(tīng)，然后實(shí)時(shí)地更新（刪除）this.cache對(duì)象數(shù)據(jù)。
******this.cache 緩存已經(jīng)創(chuàng)建過(guò)的 vnode
******直接實(shí)現(xiàn)了 render 函數(shù)，而不是我們常規(guī)模板的方式。
render方法：
第一步：獲取keep-alive包裹著的第一個(gè)子組件對(duì)象及其組件名；
第二步：根據(jù)設(shè)定的黑白名單（如果有）進(jìn)行條件匹配，決定是否緩存。不匹配，直接返回組件實(shí)例（VNode），否則執(zhí)行
第三步；
第三步：根據(jù)組件ID和tag生成緩存Key，并在緩存對(duì)象中查找是否已緩存過(guò)該組件實(shí)例。如果存在，直接取出緩存值并更新該key在this.keys中的位置（更新key的位置是實(shí)現(xiàn)LRU置換策略的關(guān)鍵），否則執(zhí)行第四步；
第四步：在this.cache對(duì)象中存儲(chǔ)該組件實(shí)例并保存key值，之后檢查緩存的實(shí)例數(shù)量是否超過(guò)max設(shè)置值，超過(guò)則根據(jù)LRU置換策略刪除最近最久未使用的實(shí)例（即是下標(biāo)為0的那個(gè)key）;
第五步：最后并且很重要，將該組件實(shí)例的keepAlive屬性值設(shè)置為true。
五、渲染
Vue的渲染是從圖中render階段開(kāi)始的
但keep-alive的渲染是在patch階段（構(gòu)建組件樹(shù)（虛擬DOM樹(shù)），并將VNode轉(zhuǎn)換成真正DOM節(jié)點(diǎn)的過(guò)程）
六、keep-alive包裹的組件是如何使用緩存的？【在patch階段，會(huì)執(zhí)行createComponent函數(shù)】
1、在首次加載被包裹組建時(shí)，由keep-alive.js中的render函數(shù)可知，vnode.componentInstance的值是undfined，keepAlive的值是true，因?yàn)閗eep-alive組件作為父組件，它的render函數(shù)會(huì)先于被包裹組件執(zhí)行；那么只執(zhí)行到i(vnode,false)，后面的邏輯不執(zhí)行；
2、再次訪問(wèn)被包裹組件時(shí)，vnode.componentInstance的值就是已經(jīng)緩存的組件實(shí)例，那么會(huì)執(zhí)行insert(parentElm, vnode.elm, refElm)邏輯，這樣就直接把上一次的DOM插入到父元素中。
