Уроки Vue JS

10 уроков
30 заданий
Справочник
Редактор кода
#3 – Переменные и обработка действий

#3 – Переменные и обработка действий

Vue.js
JavaScript
За урок мы научимся создавать переменные и отображать их внутри HTML разметки. Также вы научитесь обрабатывать действия пользователя и выполнять код в зависимости от них.

Видеоурок

Любая часть сайта, что написан на базе Vue JS описывается внутри компонентов. Каждый компонент содержит три части:

  • HTML код для всего блока
  • CSS стили для HTML кода
  • JavaScript функции для блока, что описан в компоненте


Большую роль в Vue JS отыгрывают переменные. Они позволяют хранить значение и выводить его на экран. При изменении переменной это сразу же отображается на самой странице без перезагрузки.

Материалы для курса

vue-js-vars.zip

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Vue.js
JavaScript

Также стоит посмотреть

Курс Nuxt JS / Изучение Nuxt.js фреймворка
# Веб сайты
Курс Nuxt JS / Изучение Nuxt.js фреймворка
8 уроков
Комментарии (2)
Добавить комментарий

Владимир 13 апреля 2026 в 21:50

Здравствуйте, спасибо за ваши уроки. Однако я хочу заметить, что вы далеко не все объяснили, например для чего прописываются команда export default{} и функция data() ... неужели объявить переменные и новые функции без этого невозможно?
Ответить

Влад 12 февраля 2026 в 16:45

Я просмотрел весь ваш курс вначале и потом отправился в свободное плавание изучать дальше. Как я понял ваш курс использует Option API который перестали использовать во Vue 3 и заменили на Composition API. Из урока 2 я вижу что мы установили Vue 3 но почему мы тогда изучали Option API ? Урок 2 с таймкодом : https://youtu.be/jtVeyuG1qUQ?si=3OKbdSFEpuU2099C&t=658
Ответить

itProger 12 февраля 2026 в 17:58

Option API во Vue 3 никуда не исчез. Во Vue 3 Option API валиден и поддерживается. У него нет статуса deprecated и есть огромное количество проектов что все еще пишутся на нем.