vue 其他页面切回首页 首页页面不刷新 局部数据刷新

路由router==>index.js

import management from '@/views/Management';
{
    path: 'Management',
    alias: '',
    name: 'Management',
    component: management,
    meta: {
       matchRoute: '管理',
       keepAlive: true,   // 开启缓存
     },
   },

app.vue

<template>
  <!-- <router-view :key="$route.path" /> -->
  <div>
    <keep-alive>
      <!-- 如果当前打开页面的路由中 keepAlive: true （开启了缓存时） -->
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>

    <!-- 如果当前打开页面的路由中 没有 或者为 keepAlive: false （关闭缓存时[默认就是false]） -->
    <router-view v-if="!$route.meta.keepAlive"></router-view>
  </div>
</template>

切回当前页，刷新部分数据Management ==> index.vue

  methods: {
  getActivityInfo() {
    	// 实现的业务逻辑
    } 
  }
  watch: {
    '$route'() {
      if (this.$route.name === "Management") {
        this.getActivityInfo();
      }
    },
  },