Персональная помощь
и обучение веб-разработке
Регистрация Войти
Обучающие курсы Контакты Услуги Портфолио
  • Главная
  • Vue.js
  • Базовый курс Vue.js
Автор: Дмитрий Ченгаев
2023-02-28
Назад Содержание Далее

Задачи на работу с событиями Vue.js.


Задание

В шаблоне пропишите директиву v-on для текстового поля, чтобы код для этого события выполнялся только после нажатия клавишы Enter на клавиатуре.

<template>

  <input type="text" v-model="name">

</template>

Посмотреть ответы

Вариант автора:

Автор не добавил свой вариант решения.

Задание

Выполнится ли функция alert() в данном случае и почему?

<div @click="alert()"></div>

Посмотреть ответы

Вариант автора:

Автор не добавил свой вариант решения.

Задание

В Javascript есть метод, который блокирует всплытие события выше по DOM-дереву элементов. Вызвать мы его можем вот так: event.stopPropagation().

Как можно записать директиву @click, чтобы для этого события блокировалось всплытие?

Посмотреть ответы

Вариант автора:

Автор не добавил свой вариант решения.

Задание

В Javascript есть метод, который блокирует отправку формы при нажатии на кнопку отправить. Вызвать мы его можем вот так: event.preventDefault().

Как можно записать директиву @submit, чтобы для этого события блокировалась отправка формы?

Посмотреть ответы

Вариант автора:

Автор не добавил свой вариант решения.

Задание

Как получить данные полей формы при ее отправке во Vue.js?

Посмотреть ответы

Вариант автора:

Автор не добавил свой вариант решения.

Назад Содержание Далее
  • Комментарии
  • Отзывы

Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:

Email - зарегистрироваться / войти

Автор: Vasiliy Bulykin 07/10/2022 12:10:27

0_о
"Как получить данные полей формы при ее отправке во Vue.js?"
э-э-э... а вы не хотите сначала рассказать о том, как получить данные полей формы при ее отправке во Vue.js?

Верстка, HTML и CSS.

  • Быстрый старт в HTML для начинающих.
  • Фундамент CSS. Значения.
  • Блочная и строчная модель CSS.
  • Основы позиционирования элементов. CSS.
  • Фундамент CSS. Основы и выборка элементов (селекторы).
  • Позиционирование на Flexbox в CSS.
  • Ускоренная верстка веб-страниц с помощью фреймворка Bulma.
  • Работа с медиа-запросами в CSS.

Javascript

  • Вводный курс Javascript.
  • Javascript. Работаем с HTML и CSS (DOM).
  • Javascript. Работа с событиями.
  • Библиотека. React dnd. Drag and drop.
  • Разработка расширений Google Chrome

Vue.js

  • Базовый курс Vue.js
  • Библиотека Vue.Draggable
  • Вопросы установки и подключения Vue.js
  • Центральное хранилище Vuex
  • Система аутентификации Vue.js
  • Базовые компоненты форм Vue 3.

Веб-сервер. Базы данных. Backend.

  • Основы языка SQL.
  • Локальные хранилища браузеров.
  • Firebase. Realtime database. Работа на PHP.
  • Базы данных
  • API. Основы работы.
  • Composer.
  • Веб-сервер Apache.
  • Разное

PHP

  • Язык программирования PHP. Основы.
  • Объектно-ориентированное программирование на PHP.

Python

  • Вопросы установки и настройки Python

Symfony

  • Быстрый старт в Symfony 6
  • Шаблонизатор Twig в Symfony.
  • Symfony. Работа с переменными окружения.
  • Symfony. Работа с сервисами и бандлами (bundles).
  • Symfony. Работа с базой данных. Основы.
  • Symfony. Работа с базой данных. Связи.
  • Наследование сущностей Doctrine (на примере Symfony)
  • Symfony 6. Аутентификация пользователей через login форму.
  • Symfony. Создание API-платформы.
  • Основы работы с файлами в Symfony на примере загрузки изображений.
  • Работа с бандлом Doctrine Extensions.
  • Symfony. Работа с формами.
  • Админка на EasyAdmin в Symfony
  • Query Builder
  • Docker для Symfony
  • Deploy. Symfony.
  • Symfony 6. Связка с Vue приложением.
  • Symfony. Практика работы с многоязычными сайтами.
  • Слушатели и подписчики событий Symfony

Техническая сторона веб-аналитики сайтов.

  • Яндекс Метрика для начинающих. Основы.
  • Яндекс.Метрика. Работа с целями.
  • Google Tag Manager.
  • Разное

Wordpress

  • Основы работы с Wordpress
  • Дочерние темы Wordpress. Правки, которые сохраняются при обновлении.
  • Иерархия шаблонов Wordpress
  • Минимальная тема Wordpress своими руками.
  • Произвольные поля Wordpress.
  • Wordpress. Работа с базой данных.
  • Шорткоды (shortcodes) Wordpress.
  • Wordpress. Разное.

SEO и продвижение сайтов.

  • Основы SEO. Поисковое продвижение.

Инструменты веб-разработчика.

  • Полезные инструменты для веб-разработчиков
  • Git. Система контроля версий.
  • Текстовый редактор vi (vim).
  • Командная строка unix-подобных систем
  • Операционные системы для веб-разработчика.
  • Gulp
  • GitHub
  • Плагин Emmet
  • PhpStorm
  • Консоль браузера. Эффективная работа.
  • Основы Docker для веб-программистов.
  • Insomnia. API (REST) клиент.

Услуги

  • Услуги по Wordpress
  • Услуги. Веб-аналитики.
  • Разработка и автоматизация веб-проектов

Веб-сервисы. API.

  • API. Яндекс.Метрика.
  • Logs API. Яндекс.Метрика.
  • Работа с API amocrm с PHP и Python. OAuth 2.
  • Работа с сервисами Яндекс.Облака
  • API.Ozon.

Google Apps Script

  • Основы работы с Google Apps Script

Opencart

  • Основы работы с Opencart

Теория программирования

  • Принципы программирования
  • Теория архитектуры MVC.
Telegram сайта
Канал на Яндекс.Дзен

Здравствуйте. Меня зовут Дмитрий Ченгаев.

Я занимаюсь веб-разработкой и веб-программированием. Этот сайт, своего рода, обучающий центр, на котором я публикую свой опыт, уроки и знания в сферах работы с такими технологиями как:

[+] HTML
[+] CSS
[+] PHP
[+] Верстка сайтов
[+] Javascript
[+] других инструментах, которые помогают решать задачи веб-разработки проще и быстрее.

Уроки разбиты на разделы и категории, которые относятся к той или иной теме. К некоторым урокам прилагаются практические задания, которые вы можете выполнить самостоятельно и проверить свои знания.

Если у вас возникают какие-то вопросы или непонятные моменты, пишите в "личку" или в комментариях на этом сайте. Постараюсь помочь.