vue的組件緩存（返回頁面不刷新）

每次使用返回是頁面總是會刷新 導致了一些體驗上的不愉快

現在 發現vue中的一個很方便的方法還可以用來優化性能就是：

keep-alive緩存組件

<router-view v-if="!$route.meta.keepAlive"></router-view>
<keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>

這邊我是用作緩存頁面，返回不刷新，這里我只緩存keepAlive的值為true的頁面

在路由的meta屬性加入keepAlive，希望緩存的頁面加入vue屬性即可

 

 

 如果需要改變時在

beforeRouteEnter，beforeRouteLeave中寫入事件即可

如果頁面需要再加載數據則activated事件中寫入你的方法