vue3怎么实现点击标签跳转路由？

在 Vue 3 中，你可以使用 `<router-link>` 组件来实现点击标签跳转路由。这个组件会自动渲染成一个 `<a>` 标签，并且会自动添加 `href` 属性和路由地址，从而实现了路由跳转的功能。

以下是一个示例代码：

1. 定义路由

import { createRouter, createWebHistory } from 'vue-router'
import Home from '@/views/Home.vue'
import About from '@/views/About.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    component: About
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router

2. 在组件中使用 `<router-link>` 组件

<template>
  <div>
    <router-link to="/">Home</router-link>
    <router-link to="/about">About</router-link>
  </div>
</template>

在上面的代码中，我们首先定义了两个路由：`Home` 和 `About`。然后，在组件中使用了两个 `<router-link>` 组件来实现点击标签跳转路由的功能。通过 `to` 属性来指定跳转的路由地址。

注意：要使用 `<router-link>` 组件，你必须在应用程序中注册 Vue Router，并且在组件中导入和使用它。