Advanced Search
Search Results
47 total results found
Что такое Pinia
Pinia — что это? Pinia — это хранилище состояния (state manager) для Vue.Проще: Pinia = глобальное хранилище данных приложения Зачем нужна Pinia Когда нужно: хранить данные между компонентами не передавать props на 5 уровней вниз иметь...
Что такое Nuxt
Nuxt — это фреймворк поверх Vue, который упрощает разработку приложений и сайтов. Если коротко: Vue — это библиотекаNuxt — это готовая архитектура + инструменты для Vue Зачем нужен Nuxt Nuxt решает типичные проблемы Vue-приложений: ✅ Роутинг из коро...
Где находится vue-router
vue-router не лежит в твоём проекте напрямую — это npm-пакет, который устанавливается как зависимость. Разберём по шагам 👇 Где физически находится vue-router После установки он лежит здесь: node_modules/vue-router/ То есть импорт: import { createRout...
Что такое ConfigProvider
Это корневой шаблон приложения, где оборачивается весь UI и подключаются глобальные настройки. Разберём по слоям, сверху вниз 👇 Общая идея <ConfigProvider> <App> <RouterView /> </App> </ConfigProvider> 👉 Всё приложение: получает настрой...
Что означает app.mount('#app');
app.mount('#app') — это момент, когда Vue реально запускается и начинает рисовать интерфейс. Что именно означает app.mount('#app') Vue говорит: «Найди элемент с id app в HTMLи вставь туда корневой Vue-компонент» Откуда берётся #app В index.html...
hash vs history
1️⃣ Hash mode (#/path) Пример URL: http://site.com/#/modules Как работает Всё, что после #, не отправляется на сервер Навигацией полностью управляет Vue Router Серверу вообще не нужно знать о роутинге Плюсы ✅ ✔ Работает без настройки ...
Где будет #/modules
#/modules не имеет отношения к папке ./modules в файловой системе.Это URL-путь, а не путь к файлам. Что такое #/modules # в URL означает hash-роутинг. Пример адреса в браузере: http://localhost:5173/#/modules Это значит: используется Vue Router с...
Где находится ./modules/
Тут важно понять относительный путь 👍 import.meta.glob('./modules/**/*.ts') Где именно находится ./modules ./modules — это путь относительно файла, в котором написана эта строка. ❗ Не от src и не от корня проекта, а от текущего файла. Пример 1 — файл ...
Что здесь происходит: const dynamicRouteFiles = import.meta.glob('./modules/**/*.ts', { eager: true, });
Разберём построчно const dynamicRouteFiles = import.meta.glob( './modules/**/*.ts', { eager: true } ) Что это такое в целом Это Vite-фича (не чистый JS и не Vue), которая: 🔍 находит все .ts файлы в папке modules и импортирует их Подробно...
Что выполняется первым main.ts или app.vue
Коротко:👉 первым выполняется main.ts, а уже потом — App.vue. Порядок выполнения во Vue 1️⃣ main.ts — точка входа Это самый первый файл, с которого стартует приложение. Пример: import { createApp } from 'vue' import App from './App.vue' createApp(App...
Где в VUE прописаны роуты?
В Vue роуты прописываются не в самом компоненте, а в Vue Router — обычно в отдельном файле. Где именно смотреть 👇 1️⃣ Vue 2 / Vue 3 (самый частый вариант) Обычно файл: src/router/index.js или src/router/index.ts Пример: import { createRouter, creat...
что делает конструкция: router.beforeEach((to) => { ... });
router.beforeEach((to) => { ... }) — это глобальный навигационный гард (guard) во Vue Router. Проще: 👉 код, который выполняется ПЕРЕД каждым переходом по роуту Что именно происходит router.beforeEach((to) => { // ... }) Каждый раз, когда польз...
Что означает конструкция: const loadedPaths = new Set<string>();
Эта конструкция означает:👉 создаётся пустое множество (Set) строк, которое будет хранить уникальные значения. Разберём по частям 👇 Разбор строки const loadedPaths = new Set<string>(); 1️⃣ Set Set — это встроенная структура данных в JavaScript. Она: ...
Что делает эта строка: const pageMap: ComponentRecordType = import.meta.glob('../views/**/*.vue');
Это ключевая строка для динамических страниц 👇 const pageMap: ComponentRecordType = import.meta.glob('../views/**/*.vue'); Коротко Эта строка находит все .vue файлы в папке views (на один уровень выше текущего файла) и создаёт карту компонентов,но ...
Что такое Vite?
Vite — это инструмент для разработки и сборки фронтенд-приложений (build tool), чаще всего для Vue, но не только. Проще всего: Vite = dev-сервер + сборщик, который делает разработку быстрой. Зачем нужен Vite Он решает главную боль старых сборщиков (W...
Что делает эта строка: return requestClient.get<RouteRecordStringComponent[]>('/menu/all');
Эта строка делает HTTP-запрос к серверу и возвращает результат.Разберём точно и по слоям 👇 return requestClient.get<RouteRecordStringComponent[]>('/menu/all'); Коротко 👉 Отправляет GET-запрос на /menu/all👉 Ожидает ответ в виде массива маршрутов👉 Возвр...
Что означает конструкция: badgeVariants?: | 'default' | 'destructive' | 'primary' | 'success' | 'warning' | string;
Это TypeScript-конструкция, которая описывает тип свойства.По шагам 👇 Что это означает в целом badgeVariants?: | 'default' | 'destructive' | 'primary' | 'success' | 'warning' | string; 👉 Это описание опционального поля badgeVariants,ко...
Что такое Promise?
Promise — это объект в JavaScript, который представляет результат асинхронной операции(то есть того, что завершится позже). Проще: Promise = обещание, что значение будет, но не сразу Зачем нужен Promise В JS много асинхронных вещей: запросы к се...