keep-alive標籤是vue的內建元件，能在元件切換過程中將狀態保留在記憶體中，防止重複渲染dom。
包裹動態元件時，會快取不活動的元件例項，而不是銷毀它們。
include: 字串或正規表示式。只有匹配的元件會被快取。
include: 字串或正規表示式。只有匹配的元件會被快取。
exclude優先順序大於include
結合router，快取部分頁面
使用$route.meta的keepalive屬性：
需要在router中設定router的元資訊meta：
keep-alive生命週期鉤子函式：activated、deactivated
使用會將資料保留在記憶體中，如果要在每次進入頁面的時候獲取最新的資料，需要在activated階段獲取資料，承擔原來created鉤子中獲取資料的任務。
被包含在 中建立的元件，會多出兩個生命週期的鉤子: activated 與 deactivated
activated：在元件被啟用時呼叫，在元件第一次渲染時也會被呼叫，之後每次keep-alive啟用時被呼叫。
deactivated：在元件被停用時呼叫。
注意：只有元件被 keep-alive 包裹時，這兩個生命週期才會被呼叫，如果作為正常元件使用，是不會被呼叫，以及在 2.1.0 版本之後，使用 exclude 排除之後，就算被包裹在 keep-alive 中，這兩個鉤子依然不會被呼叫！另外在服務端渲染時此鉤子也不會被呼叫的。
vue中 keep alive 元件的作用
在vue專案中,難免會有列表頁面或者搜尋結果列表頁面,點選某個結果之後,返回回來時,如果不對結果頁面進行快取,那麼返回列表頁面的時候會回到初始狀態,但是我們想要的結果是返回時這個頁面還是之前搜尋的結果列表,這時候就需要用到vue的keep alive技術了.keep alive是 vue 內建的乙個...
vue專案使用keep alive的作用
vue專案使用keep alive的作用 在vue專案中,難免會有列表頁面或者搜尋結果列表頁面,點選某個結果之後,返回回來時,如果不對結果頁面進行快取,那麼返回列表頁面的時候會回到初始狀態,但是我們想要的結果是返回時這個頁面還是之前搜尋的結果列表,這時候就需要用到vue的keep alive技術了....
標籤的作用
所有瀏覽器都支援 標籤。在 html 中，標籤沒有結束標籤 在 xhtml 中，標籤必須被正確地關閉。meta主要為分http標頭資訊 http equiv 和頁面描述資訊 name http equiv 與content屬性共同組成乙個http頭部字段，作為http頭部的成分傳遞。name 與co...