inertia-vue-development

Use the <Form> component with action and method attributes for the recommended approach, accessing errors and processing state via the default slot. For more programmatic control, use the useForm composable and call form.post() with your data.

Use the <Link> component from @inertiajs/vue3 instead of standard <a> tags to preserve SPA behavior. For programmatic navigation, call router.visit() with the target URL and optional method, data, and callbacks.

useForm submits data as Inertia visits that trigger page updates, while useHttp makes standalone JSON requests to plain endpoints without triggering an Inertia page visit. Both share a similar API with processing states and error handling.

Deferred props load after the initial page render, so the component must handle an undefined state, typically with a skeleton loading UI. Once the background request completes, the prop populates and the real content renders.

router.cancel() was replaced by router.cancelAll() in v3. The invalid and exception events were renamed to httpException and networkError, so event listeners using the old names must be updated.

Use WhenVisible to lazy-load a prop when an element scrolls into view, ideal for expensive below-the-fold data. Use InfiniteScroll for paginated lists, which requires the server to return data via Inertia::scroll().