使用 keep-alive 可以在组件切换时保持组件的状态,而不需要重新加载或重新渲染


```js
router.afterEach((to, _from) => {
const keepAliveComponentsName = store.getters['keepAlive/keepAliveComponentsName'] || []
const name = to.matched[to.matched.length - 1].components.default.name
if (to.meta && to.meta.cache && name && !keepAliveComponentsName.includes(name)) {
store.commit('keepAlive/addKeepAliveComponentsName', name)
}
NProgress.done();
});
```