vueschool.io
Изучите Vue.js и современные, передовые технологии от экспертов отрасли с нашими премиальными учебниками и курсами vue.js.
Продолжительность
0 ч 56 мин
Категория
Vue
Количество уроков
12 Видео
Дата добавления
4 окт. 2018 г., 06:50
Язык
Английский
Дата обновления
4 окт. 2018 г., 07:02
Узнайте, как создавать динамические формы, которые состоят из нескольких шагов с помощью Vue.js. Динамические формы - это формы с несколькими шагами. Их также часто называют волшебными формами, где вы проходите серию шагов, прежде чем сможете заполнить основную форму.
Назначение курса - завершить процесс регистрации и заказа нашей вымышленной службы подписки на кофе. Мы подготовили разметку и CSS, чтобы вы могли погрузиться прямо в забавную часть.
Пользователь должен иметь возможность:
- Выберать кофейный план
- Войти или создать учетную запись
- Ввести данные о доставке
- Выбрать дополнительные ежемесячные угощения
- Подтвердить свой ежемесячный заказ на кофе
Во время этого курса вы узнаете, как вы можете структурировать свои динамические формы, что искать и что работает в определенных ситуациях. Мы охватываем два разных метода общения (события и обещания) между родительской формой и шагами.
Этот уникальный курс охватывает множество советов и трюков, которые вы можете реализовать во многих приложениях Vue.js.
- https://github.com/vueschool/dynamic-forms/commit/f9b0b8e4927ca45f01468a477ef68dea67efa203
- https://github.com/vueschool/dynamic-forms/commit/d7e5bd2403c4b5f861a98f336c58d2a546287397
- https://github.com/vueschool/dynamic-forms/commit/2f259e42691b16f55dc7f8bc1c275bccdb05da77
- https://github.com/vueschool/dynamic-forms/commit/9cecc7091aee20e6085823240471294118980839
- https://github.com/vueschool/dynamic-forms/commit/fb074c4fc76cc5ec61762ff3e99b41a6d47ab68a
- https://github.com/vueschool/dynamic-forms/commit/1158a9a4ef6e3fd198c23e65a7fce481625a108b
- https://github.com/vueschool/dynamic-forms/commit/bd42985393f24b4a1f86069a590a0d3fc4eb342e
- https://github.com/vueschool/dynamic-forms/commit/2e7e76dee097ca9c5d2670878433f4f356fb57fc
- https://github.com/vueschool/dynamic-forms/commit/be6859375eb31bfcb7ee48a3654aa424d061aed0
- https://github.com/vueschool/dynamic-forms/commit/f9650c0902ec0a22a461bdf4bb5fbf79e987fcab
- https://github.com/vueschool/dynamic-forms/commit/216bd89395d6507018f56370e53cf0972152e94b
- https://github.com/vueschool/dynamic-forms/commit/aac09a74c7077f8c41756580b3397e87e24055e7
Посмотреть больше
-
Урок 1. 00:01:41The Badass Dynamic Form
-
Урок 2. 00:08:32Communication Between Forms
-
Урок 3. 00:02:04Disable the Navigation until the Step is Valid
-
Урок 4. 00:03:44Pass Mamas Data to the Steps
-
Урок 5. 00:02:45Dynamic Components
-
Урок 6. 00:04:02Preserve Component State
-
Урок 7. 00:05:41Control Child Component Through refs
-
Урок 8. 00:02:32Submit the Mama Form
-
Урок 9. 00:01:21Add Asynchronous State
-
Урок 10. 00:07:12Asynchronous Operations Inside Steps
-
Урок 11. 00:02:26Loading Indicator while the Step Performs Async Operations
-
Урок 12. 00:14:13Component Communication with Promises Instead of Events
Автор - vueschool.io
Комментарии