Какой используешь Vue router

«Какой используешь Vue router» — вопрос из категории Vue, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Vue Router — это официальная библиотека для маршрутизации в Vue.js. Она позволяет создавать SPA (Single Page Applications) с динамическими маршрутами, вложенными маршрутами и навигационными хуками.

Основные возможности:

  • Динамическая маршрутизация (/user/:id)
  • Вложенные маршруты (children)
  • Навигационные хуки (beforeEach, beforeRouteEnter)
  • Ленивая загрузка компонентов (() => import('./User.vue'))

Пример настройки:

import { createRouter, createWebHistory } from 'vue-router';

const routes = [
  { path: '/', component: Home },
  { path: '/user/:id', component: User },
  { path: '/about', component: () => import('./About.vue') }
];

const router = createRouter({
  history: createWebHistory(),
  routes,
});

Используется createWebHistory (HTML5 History Mode) или createWebHashHistory (хеш-режим для старых браузеров).