Vue.js Router

import { createRouter, createWebHistory } from 'vue-router';
const router = createRouter({
    history: createWebHistory(),
    routes: [
        { path: '/', component: Home }
    ]
});

routes: [
    { path: '/', component: Home }, # basic route
    { path: '/about', component: About },
    { path: '/user/:id', component: User }, # dynamic route
    { path: '/*', component: NotFound } # catch-all
]

<router-link to="/">Home</router-link> # declarative navigation
<router-link :to="`/user/${id}`">User</router-link> # dynamic

this.$router.push('/home'); # navigate
this.$router.replace('/home'); # replace history
this.$router.go(-1); # go back

this.$route.params.id # access param
this.$route.query.search # access query

{ path: '/user/:id', name: 'user', component: User }
<router-link :to="{name: 'user', params: {id: 1}}">User</router-link>