Vue js. Основы маршрутизации / vue-router

preview_player
Показать описание
В этом видео мы научимся настраивать маршрутизацию в SPA, во vue js c помощью библиотеки vue-роутер. Построим навигацию с активным классом и разберём как обратиться к параметрам маршрута в коде.
00:00 - Интро
00:10 - Введение
01:51 - Настройка vue-router
15:25 - Визуализируем переходы
23:13 - Создание активного класса
27:54 - Программные переходы
31:05 - Конец

плейлист по Vue js

#маршрутизация #Vue #SPA
  1. ItShell
  2. Web mania
  3. Vue js
  4. Vue
  5. SPA
  6. Vue-router
Рекомендации по теме
Vue js уроки 0:08:02

Vue js уроки - Приложение. Маршрутизация

Vue js. Основы 0:31:28

Vue js. Основы маршрутизации / vue-router

Маршрутизация в Vue.js. 0:08:27

Маршрутизация в Vue.js. Vue.js с нуля. Урок 6

Основы работы с 0:35:00

Основы работы с Vue Router: руководство для начинающих | Просто объясняю про Vue Router...

Learn Vue.js (RU) 0:46:48

Learn Vue.js (RU) - Routing (Basics)

Постигаем Vue js: 0:21:23

Постигаем Vue js: урок 8 - vue-router продвинутая маршрутизация

Основы создания роутов 0:02:55

Основы создания роутов Vue Понятие View

Введение в Vue: 1:11:38

Введение в Vue: Маршрутизация

Vue 3 для 1:10:58

Vue 3 для начинающих - Vue Router (Part-1)

Vue router. Как 0:07:58

Vue router. Как правильно работать с роутингом

VueRouter: meta, children 0:39:17

VueRouter: meta, children и хуки | Просто объясняю про VueRouter

Vue JS - 18:17:32

Vue JS - Полный курс c нуля | Result University

Learn Vue.js (RU): 0:35:55

Learn Vue.js (RU): Advanced Routing #1

Введение в Vue: 1:42:41

Введение в Vue: Маршрутизация

Маршрутизация Vue.js, Vuex, 0:02:10

Маршрутизация Vue.js, Vuex, Vue Router

Управление маршрутизацией в 0:00:45

Управление маршрутизацией в SPA: React Router и Vue Router

НАВИГАЦИЯ ROUTER LINK 0:06:15

НАВИГАЦИЯ ROUTER LINK • Уроки по Vue.js #45

УСТАНОВКА VUE ROUTER 0:05:48

УСТАНОВКА VUE ROUTER • Уроки по Vue.js #43

Как учить vue 0:14:16

Как учить vue js

Vue-router. Настраиваем марштуритзацию. 0:33:32

Vue-router. Настраиваем марштуритзацию. Верхнее меню. | Урок 5. Курс VueJS 3 + MODX Revolution...

Learn Vue.js (RU): 0:25:16

Learn Vue.js (RU): Advanced Routing #2

Жизненный цикл vuejs, 0:29:28

Жизненный цикл vuejs, настройка vue-router, vue gui

Установка Vue router 0:03:17

Установка Vue router 4

Vue.js - How 0:08:59

Vue.js - How to work with router and child components - vue framework in

Комментарии
Автор

Cпасибо, классно! Удачи в успехах и хорошего настроения !))

fedorivanhoe
Автор

Спасибо. очень полезно для углубления знаний.
p.s. небольшая просьба уменьшить музыку в background, хотя ухо потом привыкает, то всё-таки меньше - лучше.

dodokwak
Автор

на будущее скажу что музыку делай тише)

loken
Автор

И вот ещё по поводу создания объекта router. Я использовала vue.js v-2 c const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
И мне пришлось при деплое удалять base, т.к. иначе в url крутились ненужности из vue.config.js. Как будет выглядеть это в вашем варианте? Спасибо.

dodokwak
Автор

Чувак, напиши себе сценарий для текста. Сними по нему видео. А потом нормально запиши текст поверх записанного видео. Инфу полезную даёшь, но слушать тебя вообще не возможно. Постоянные дык-бык-мык, скачешь с термина на термин. Всё превращается в нудятину и кашу. Систематизируйся

AleksandrKudriakov