| 1234567891011121314151617181920212223242526272829 |
- <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>
|