是因为在App.vue中，vue路由（router-view）组件使用路由缓存组件(keep-alive)包裹着，导致不重新走生命周期，这样可以提高运行效率，但有时候，我们需要重新加载生命周期刷新数据。

解决方案：

在router-view组件中添加key值，唯一标识

<template><div id="app"><keep-alive ><router-view :key="key"></router-view></keep-alive></div>
</template>
<script>
export default {data() {return {};},computed:{key(){return this.$route.name + Math.random()}}
};
</script>
<style>
.app{display: flex;
}
.el-menu-vertical-demo{width: 200px;height: 100vh;
}
</style>