Search Results

Тут важно понять относительный путь 👍 import.meta.glob('./modules/**/*.ts') Где именно находится ./modules ./modules — это путь относительно файла, в котором написана эта строка. ❗ Не от src и не от корня проекта, а от текущего файла. Пример 1 — файл ...

Разберём построчно  const dynamicRouteFiles = import.meta.glob( './modules/**/*.ts', { eager: true } ) Что это такое в целом Это Vite-фича (не чистый JS и не Vue), которая: 🔍 находит все .ts файлы в папке modules и импортирует их Подробно...

Коротко:👉 первым выполняется main.ts, а уже потом — App.vue. Порядок выполнения во Vue 1️⃣ main.ts — точка входа Это самый первый файл, с которого стартует приложение. Пример: import { createApp } from 'vue' import App from './App.vue' createApp(App...

В Vue роуты прописываются не в самом компоненте, а в Vue Router — обычно в отдельном файле. Где именно смотреть 👇 1️⃣ Vue 2 / Vue 3 (самый частый вариант) Обычно файл: src/router/index.js или src/router/index.ts Пример: import { createRouter, creat...

router.beforeEach((to) => { ... }) — это глобальный навигационный гард (guard) во Vue Router. Проще: 👉 код, который выполняется ПЕРЕД каждым переходом по роуту Что именно происходит router.beforeEach((to) => { // ... }) Каждый раз, когда польз...

Эта конструкция означает:👉 создаётся пустое множество (Set) строк, которое будет хранить уникальные значения. Разберём по частям 👇 Разбор строки const loadedPaths = new Set<string>(); 1️⃣ Set Set — это встроенная структура данных в JavaScript. Она: ...

Это ключевая строка для динамических страниц 👇 const pageMap: ComponentRecordType = import.meta.glob('../views/**/*.vue'); Коротко Эта строка находит все .vue файлы в папке views (на один уровень выше текущего файла) и создаёт карту компонентов,но ...

Vite — это инструмент для разработки и сборки фронтенд-приложений (build tool), чаще всего для Vue, но не только. Проще всего: Vite = dev-сервер + сборщик, который делает разработку быстрой. Зачем нужен Vite Он решает главную боль старых сборщиков (W...

Эта строка делает HTTP-запрос к серверу и возвращает результат.Разберём точно и по слоям 👇 return requestClient.get<RouteRecordStringComponent[]>('/menu/all'); Коротко 👉 Отправляет GET-запрос на /menu/all👉 Ожидает ответ в виде массива маршрутов👉 Возвр...

Это TypeScript-конструкция, которая описывает тип свойства.По шагам 👇 Что это означает в целом badgeVariants?: | 'default' | 'destructive' | 'primary' | 'success' | 'warning' | string; 👉 Это описание опционального поля badgeVariants,ко...

Promise — это объект в JavaScript, который представляет результат асинхронной операции(то есть того, что завершится позже). Проще: Promise = обещание, что значение будет, но не сразу Зачем нужен Promise В JS много асинхронных вещей: запросы к се...

Это TypeScript-тип, который переопределяет тип маршрута Vue Router, заменяя поле component на строку (или другой тип). Общий смысл RouteRecordStringComponent — это описание маршрута,где component — НЕ Vue-компонент, а строка (обычно имя компонента или путь...

interface GenerateMenuAndRoutesOptions { fetchMenuListAsync?: () => Promise<RouteRecordStringComponent[]>; forbiddenComponent?: RouteRecordRaw['component']; layoutMap?: ComponentRecordType; pageMap?: ComponentRecordType; roles?: string[]; rou...

Эта строка означает:👉 создаётся глубокая копия массива маршрутов, и она записывается обратно в options.routes. Строка целиком options.routes = cloneDeep(options.routes); Что такое cloneDeep cloneDeep — обычно функция из lodash: import { cloneDeep } fr...