W250511/17.Vue3/project2/src/App.vue

<template>
  <div>
    <h1>App</h1>
    <!-- <router-view></router-view> -->
     <div class="nav">
      <RouterLink push active-class="news" to="/my">我的</RouterLink>
      <RouterLink push active-class="news" :to="{
       name:'zhuye'
      }">首页</RouterLink>
      <RouterLink push active-class="news" to="/list">列表</RouterLink>
     </div>
    <RouterView></RouterView>
  </div>
</template>

<script>
import {RouterView,RouterLink} from 'vue-router'
export default {

}
</script>

<style scoped> 
.nav {
  width: 300px;
  display: flex;
  /* justify-content: center; */
}
.nav a {
  flex: 1;
}
.news {
  color: red;
}
</style>