Skip to content
?
?

Початок

Ласкаво просимо до підручника Vue!

Мета цього підручника — швидко надати вам досвід роботи з Vue прямо в браузері. Він не має на меті бути вичерпним, і вам не потрібно все розуміти, перш ніж рухатися далі. Однак після його завершення обов'язково також прочитайте Гід, який докладніше розглядає кожну тему.

Передумови

Посібник передбачає базове знайомство з HTML, CSS і JavaScript. Якщо ви зовсім новачок у фронтенд розробці, можливо, як ваш перший крок переходити безпосередньо до фреймворку буде не найкращою ідеєю – осягніть основи, а потім повертайтеся! Попередній досвід роботи з іншими фреймворками допомагає, але не є обов'язковим.

Як користуватися цим посібником

Ви можете відредагувати код праворучнижче та миттєво побачити оновлений результат. Кожен крок представлятиме основну функцію Vue, і від вас очікується завершення коду, щоб запустити демонстрацію. Якщо ви застрягли, у вас буде кнопка "Покажи мені!", яка відкриває для вас робочий код. Намагайтеся не надто покладатися на це - ви навчитеся швидше, з'ясовуючи все самостійно.

Якщо ви досвідчений розробник із Vue 2 або інших фреймворків, є кілька налаштувань, які ви можете підправити, щоб якнайкраще використовувати цей посібник. Якщо ви новачок, рекомендуємо використовувати значення за промовчуванням.

Деталі налаштування підручника
  • Vue пропонує два стилі API: опційний та композиційний. Цей підручник призначений для обох – ви можете вибрати бажаний стиль за допомогою перемикачів параметрів API у верхній частині. Докладніше про стилі API.

  • Ви також можете перемикатися між режимом SFC або HTML. У першому буде показано приклади коду у форматі одно-файлових компонентів (SFC), який використовують більшість розробників із етапом збірки Vue. HTML-режим показує використання без етапу збірки.

Готові? Натисніть «Далі», щоб почати.

App.vue
tsconfig.json
Show Error
Посібник has loaded