avue-form

When to use this skill

Use this skill whenever the user wants to:

• Create configuration-driven forms with Avue Form
• Define form fields with types (input, select, date, checkbox, upload, etc.)
• Implement form validation rules
• Build dynamic forms, form groups, or tabbed form layouts
• Handle form submit, reset, and field change events

How to use this skill

Workflow

1. Install - npm install @avue/form and register with Vue.use(Avue)
2. Define option - Configure columns with labels, props, types, and rules
3. Bind v-model - Two-way bind the form data object
4. Handle events - Listen for @submit, @reset-change, and field-level events

Quick-Start Example: Form with Validation