Начнём Использование ​

Создания веб-приложения использую Vue + JenesiusVueForm является элегантным и простым решением: краткий способ описания полей позволяет упростить разработку компонент, большой функционал библиотеки позволяет писать многофункциональную логику, а реактивность Vue делает простым наш интерфейс.

Installation ​

Установите jenesius-vue-form как зависимость используя любой менеджер пакетов: packages:

npm i jenesius-vue-form

npm i jenesius-vue-form

Form ​

Основным элементом данной библиотеки, как ни странно, является класс Form. Он является основным звеном в построении форм, т.к. связывание, проверку данных, контроль значения делает автоматически.

import {Form} from "jenesius-vue-form";

const form = new Form();

import {Form} from "jenesius-vue-form";

const form = new Form();

Мы создали экземпляр формы, теперь на интерфейс необходимо добавить реактивные поля ввода. Они также предоставляются данной библиотекой.

Вводные ​

<template>
    <form-field name="username" label="Username"/>
    <form-field name="email" label="Email"/>
</template>

<script setup>
import {FormField, Form} from "jenesius-vue-form";

const form = new Form()
</script>

<template>
    <form-field name="username" label="Username"/>
    <form-field name="email" label="Email"/>
</template>

<script setup>
import {FormField, Form} from "jenesius-vue-form";

const form = new Form()
</script>

Результат ​

{}

{}

В следующих разделах руководства мы будем разбирать более подробно эти, и другие интересные возможности.