## 前言 本文主要分析一個場景：在某些業務場景中我們需要頁面初次進入的時候，刷新數據，返回頁面時保存歷史數據，也就是保存頁面的狀態，包括數據以及頁面位置等。 ## 解決思路 ### keep-alive 這個組件可以保持讓其嵌套的組件保持組件緩存狀態，再次進入時不重新進入生命周期，避免多次渲染組件，過渡浪費性能。用法是： ~~~ <keep-alive> <component> <!-- 組件將被緩存 --> </component> </keep-alive> ~~~ 如果你希望整個站點都被緩存，那么可以這樣寫：希望只在進入時加載，可以把獲取數據的部分寫在created的生命周期函數中，這樣只有進入時執行一次。 `<keep-alive><router-view></router-view></keep-alive>`