Pages: Vue Router
The application is one HTML page. Vue Router shows a different component for each address, and changes the address in the browser's address bar without loading a new page: a single-page application.
import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
import EmployeesView from '../views/EmployeesView.vue'
import EmployeeView from '../views/EmployeeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{ path: '/', name: 'home', component: HomeView },
{ path: '/employees', name: 'employees', component: EmployeesView },
{ path: '/employees/:id', name: 'employee', component: EmployeeView },
],
})
export default router
createWebHistory: addresses look like normal paths, /employees/1.