vue3 router语法

Vue Router是Vue.js官方的路由管理器。它允许我们在Vue应用程序中实现单页面应用程序（SPA）的导航功能。以下是Vue Router的一些基本语法和用法：

1. 安装Vue Router：

   npm install vue-router

2. 创建路由实例：

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

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

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

   export default router

3. 在Vue应用程序中使用路由：

   import { createApp } from 'vue'
   import App from './App.vue'
   import router from './router'

   const app = createApp(App)
   app.use(router)
   app.mount('#app')

4. 声明式导航：

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

5. 编程式导航：

   // 前进到指定路由
   router.push('/about')

   // 后退一步
   router.back()

   // 前进一步
   router.forward()

   // 前进或后退多少步
   router.go(1) // 前进一步
   router.go(-1) // 后退一步
   router.go(3) // 前进3步