通过createRouter方法，传入配置创建路由，并通过Vue的use方法注册到Vue组件中。
// main.js import { createApp } from 'vue'; import {createRouter, createWebHistory} from 'vue-router'; import routerConfig from './route.config'; import App from './App'; const router = createRouter({ history: createWebHistory(), routes: routerConfig }); createApp(App).use(router).mount('#app'); // route.config.js import Home from './pages/home'; import User from './pages/user'; export default [ { path: '/home', component: Home }, { path: '/user', component: User } ];1. // mai
通过配置可以指定路由对应的渲染组件。 动态路由配置的语法是
{ // http://localhost:8080/user/123 path: '/user/:id', component: User }
组件中通过
$route.params.id
访问动态路由
