<template>
  <div>
    <h1>App</h1>
    <nav>
      <RouterLink active-class="active" :to="{
        name: 'wode'
      }">首页</RouterLink>
      <!-- <RouterLink active-class="active" :to="{
        path:'/home'
      }">首页</RouterLink> -->
      <!-- <RouterLink to="/home">首页</RouterLink> -->
      <RouterLink active-class="active" to="/list">列表</RouterLink>
    </nav>
    <main>
      <RouterView></RouterView>
    </main>
  </div>
</template>

<script lang="ts" setup>
import {ref,reactive} from "vue" 
import {RouterView,RouterLink} from 'vue-router';
</script>

<style scoped>
.active {
  color: red;
}
</style>
