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