當我們切換頁面時頁面會被銷毀，重新切換回來時會被創建
如圖
當我們切換時
在原來Vue2上面緩存組件原來是這樣寫的在app.vue里
這樣寫在Vue3里是不會生效的，可以查看頁面
我們必須使用新的插槽方式來使用緩存 頁面功能
<router-view v-slot="{ Component }">
<transition>
<keep-alive>
<component :is="Component"></component>
</keep-alive>
</transition>
</router-view>
然后在各個導航頁面里寫入
打印就會發現第一次只會打印”組件被創建“沒有銷毀
如果我不想全部被緩存，要About頁面單獨不被緩存
App.vue頁面上加入exclude寫上你要取消緩存的頁面名字，
注意這個名字不是index路由里的名字
是你這里的名字
如果要多個頁面不緩存可在exclude=”名字,名字“
使用逗號
這里我如果想要一個效果，我點擊一個頁面的某個路徑了，我切換了頁面之后點回來希望還是那個路徑
就可以在頁面守衛里使用，判斷他是否離開了當前頁面，如果是就把這路徑給data詳情見截圖
