---
url: "https://vueda.dev/v3/reference/api/js/use/useViewUpdate.md"
title: "use/useViewUpdate"
---

# use/useViewUpdate

## Overview

Provides all reactive state and behaviour for an update view that fetches a single
model instance, presents it in an editable form, and submits changes back to the server.
Combines module:use/useDetailView for fetch/display wiring with the submit-side logic
(`useObjectForm`).

Used directly by `ViewUpdate.vue` and intended as a building block for custom update-view
shells in consuming projects.

## Examples

```vue
<script setup>
import FormConfirmDialog from "@vueda/form/confirm/FormConfirmDialog.vue";
import { useViewUpdate } from "@vueda/use/useViewUpdate.js";
import { provide } from "vue";
import { FormContextSymbol } from "@vueda/utils/symbols.js";

const props = defineProps({ app: String, model: String, pk: String, redirectAfter: String });
const { formContext, objectForm, instance, actions } = useViewUpdate(props);
provide(FormContextSymbol, formContext);
</script>
<template>
    <!-- ...form markup... -->
    <!-- Required: resolves submit-time warning confirmations (HTTP 409); without it warned saves are cancelled. -->
    <FormConfirmDialog :controller="objectForm.confirmation" />
</template>
```

## Methods

- [useViewUpdate](/v3/reference/api/js/use/useViewUpdate/functions/useViewUpdate.md) - Extracts all reactive state and wiring for an update view of a single model instance.

## Types

### [ViewUpdateContext](/v3/reference/api/js/use/useViewUpdate/types/ViewUpdateContext.md)

### [ViewUpdateOptions](/v3/reference/api/js/use/useViewUpdate/types/ViewUpdateOptions.md)

Required identification.

## Source

`client/lib/use/useViewUpdate.js:1`