vue 使用keep-alive缓存导致被缓存的页面一直被加载

`keep-alive`是Vue.js内置的一个组件，它可以将需要缓存的组件缓存起来，避免多次渲染和销毁。但是，如果被缓存的组件数据发生变化，那么在重新切换到该组件时，可能会出现数据没有更新的情况。

如果被缓存的页面一直被加载，可能有以下几种情况：

1. 组件的`activated`钩子函数没有被正确使用：`activated`钩子函数会在组件被激活时调用，但是如果该钩子函数中没有正确处理组件的数据，那么可能会导致数据没有被更新。需要在`activated`钩子函数中重新获取数据，或者手动触发更新数据的方法。

2. 组件的`watch`监听器没有被正确使用：如果组件中有`watch`监听器，需要确保在组件被激活时，监听器也能被正确触发。可以在`activated`钩子函数中手动触发监听器，或者使用`immediate`选项确保监听器在组件被激活时立即被触发。

3. 组件的`key`属性没有被正确使用：如果组件的`key`属性没有被设置或者没有保证唯一性，那么可能会导致组件被复用时出现问题。确保每个被缓存的组件都有唯一的`key`属性，并且在数据发生变化时，也要确保组件的`key`属性发生变化。

以上是三种可能导致被缓存的页面一直被加载的情况，需要逐一排查。同时，也建议在使用`keep-alive`缓存组件时，仔细阅读Vue.js官方文档，了解其使用方法和注意事项。