inertia-vue-development

Use the <Form> component from @inertiajs/vue3 with action and method attributes, accessing errors and processing state via the default slot. For programmatic control, use the useForm composable with form.post and v-model bindings.

Use the <Link> component instead of <a> tags for client-side navigation, with optional method, prefetch, and component props. For programmatic navigation, call router.visit with the target URL and options like method and data.

useForm submits data as Inertia visits that trigger page updates, while useHttp makes standalone JSON requests to plain API endpoints without triggering page visits. Both share the same developer experience with processing and error states.

Deferred props load after the initial page render, so your component must handle the undefined state with skeleton screens or loading indicators. Once the server responds, the prop populates and the component re-renders with the data.

Full reloads happen when using traditional <a> tags instead of Inertia's <Link> component, which breaks SPA behavior. Replace anchor tags with <Link> from @inertiajs/vue3 to enable client-side navigation.

Inertia v3 replaced router.cancel with router.cancelAll, and renamed the invalid and exception events to httpException and networkError. Update event listeners and cancellation calls accordingly when migrating.