Оглавление ниже 👇
В этом видео мы вместе создадим полностью с нуля небольшое приложение для формирования списка дел или задач на Vue.js и TypeScript. Покажу все с самого начала, как создать проект, какие есть особенности, как работать с данными и так далее.
Учебник для тимлидов: oros-it.ru/cou...
00:04 Введение
01:20 Установка
02:18 Создание проекта
05:40 Полезная информация
06:11 Структура Hello World
12:17 Как выглядит Hello World в браузере
15:00 Создаем компонент страницы добавления задачи
16:24 Выносим меню в отдельный компонент и добавляем туда новую страницу
18:38 Создание формы
20:41 Обрабатываем данные из формы
23:38 Создаем тип для задачи и инициализируем данные в сторе
26:47 Добавляем Getter для взятия задач во Vuex стор
27:21 Добавляем Action для поиска задачи по id во Vuex стор
29:42 Добавляем Mutation для добавления задачи во Vuex стор
30:32 Добавляем задачу из формы в стор с помощью мутации
35:07 Создаем компонент страницы отображения задачи
35:25 Добавление роутера со значением id в path
36:15 Использование экшена для получения информации из стора с использованием значения из роутера
37:57 Вычисляемые значения компонентов computed
39:18 Выводим информацию из стора в шаблон
40:00 Делаем редирект на страницу задачи после создания через роутер
41:43 Создаем список задач на главной
43:00 Вывод в шаблоне через цикл
45:23 Выводим часть шаблона по условию
Мы публикуем много других материалов, подписывайтесь на наш телеграм, чтобы ничего не пропустить: t.me/ITbesedka
28 авг 2024
