如何在每个路由活动管理员的末尾添加param

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

function App() {
  return (
    <Router>
      <Switch>
        <Route path="/users/:userId" component={UserProfile} />
        {/* 其他路由 */}
      </Switch>
    </Router>
  );
}

function UserProfile({ match }) {
  const { userId } = match.params;
  return <div>User ID: {userId}</div>;
}

import Vue from 'vue';
import Router from 'vue-router';
import UserProfile from './components/UserProfile.vue';

Vue.use(Router);

const router = new Router({
  routes: [
    { path: '/users/:userId', component: UserProfile }
  ]
});

new Vue({
  router,
  render: h => h(App)
}).$mount('#app');

<template>
  <div>User ID: {{ $route.params.userId }}</div>
</template>

import { RouterModule, Routes } from '@angular/router';
import { UserProfileComponent } from './user-profile/user-profile.component';

const routes: Routes = [
  { path: 'users/:userId', component: UserProfileComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule {}

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-user-profile',
  templateUrl: './user-profile.component.html',
  styleUrls: ['./user-profile.component.css']
})
export class UserProfileComponent implements OnInit {
  userId: string;

  constructor(private route: ActivatedRoute) {}

  ngOnInit() {
    this.route.params.subscribe(params => {
      this.userId = params['userId'];
    });
  }
}