vue设置默认组件显示，并且页面刷新后默认组件页面不变

在 Vue 中设置默认组件显示可以通过路由配置文件中的默认路由来实现，并且可以使用 `keep-alive` 组件来保持页面刷新后默认组件页面不变。

1. 在路由配置文件中定义默认路由，指向需要显示的默认组件。

{
  path: '/',
  redirect: '/home'
},
{
  path: '/home',
  name: 'Home',
  component: Home
},
{
  path: '/about',
  name: 'About',
  component: About
}

2. 在 App.vue 组件中，使用 `router-view` 组件来显示路由组件，并使用 `keep-alive` 组件来缓存路由组件，以保持页面刷新后默认组件页面不变。

<template>
  <div>
    <header>
      <router-link to="/home">Home</router-link>
      <router-link to="/about">About</router-link>
    </header>
    <keep-alive>
      <router-view />
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App'
};
</script>

这样，当用户访问根路径时，会默认跳转到 `/home` 路径，显示默认组件 `Home`，并且在页面刷新后仍然显示默认组件页面，因为使用了 `keep-alive` 组件来缓存路由组件。