Динамические формы с Vue.js

Узнайте, как создавать динамические формы, которые состоят из нескольких шагов с помощью 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