多讀多寫多記錄，多學多練多思考。----------- grapefruit.banuit gang(香柚幫)
vue的頁面快取，都知道是用keep-alive來進行快取的。但是keep-alive卻只能快取頁面和頁面的資料，卻不能快取頁面滑動之後和頂部的距離，從b頁面回到a頁面之後又是從最頂部開始的，如果頁面較短還可以，但是如果頁面很長的話，給使用者的體驗效果就會很差。這個時候就需要我們對頁面的滑動距離也進行一下快取了，下面開始寫方法很簡單的，不用去網上搜什麼js**實現的：
vue-keep-scroll-position //快取頁面滑動距離
//使用方法：
1. 安裝vue-keep-scroll-position：
npm i -s vue-keep-scroll-position
2. main.js中引入
import vuekeepscrollposition from 'vue-keep-scroll-position'
vue.use(vuekeepscrollposition)
ok，就是這麼簡單，希望能幫助一些朋友。
vue 刪除頁面快取 Vue實現頁面快取
在 使用vue開發時，當進行頁面之間的切換時，上乙個頁面將會被銷毀。但是當我們想節省效能以及保留使用者上次操作的結果或避免ajax重複請求的時候，需要把某些特定的頁面快取下來。在vue中，提供了內建元件keep alive 包裹動態元件時，會快取不活動的元件例項，而不是銷毀它們。和相似，是乙個抽象元...
Vue頁面快取和不快取的方法
快取的頁面 1 2if route.meta.keepalive 34 5 不快取的頁面 6if route.meta.keepalive 第二步 在路由router.js中設定.vue頁面是否需要快取 19 1018 19 27 第三步1 beforerouteenter to,from,next...
vue頁面重新整理與快取
在vue專案中，有些元件沒必要多次渲染，我們需要元件在記憶體中快取下來。此時keep alive就可以派上用場了，keep alive可以使被包含的元件狀態維持不變，即便是元件切換了，其內的狀態依舊維持在記憶體之中。在下一次顯示時，也不會重現渲染。ps keep alive與transition相似...