第十篇:路由的进阶应用
1. 动态路由
定义动态路由参数
在实际应用中,我们常常需要根据不同的参数展示不同的内容,这就用到了动态路由。动态路由允许我们在路由路径中定义参数。
假设我们有一个用户详情页面,每个用户有唯一的 id
,我们可以通过动态路由来展示不同用户的详情。在 src/router/index.js
文件中定义动态路由:
import {
createRouter, createWebHistory } from 'vue-router';
import UserDetail from