Skip to content
On this page


Computed property that holds the current modified values of the form e.g values that are different from initial value if any initial value was indicated or different than the default value for the field if no initial values were given.


Coming soon...


    <input type="text" v-bind="register('name')" />
    <input type="text" v-bind="register('email')" />
    <input type="text" v-bind="register('summary')" />
            {{ modifiedValues }} //should initially be an empty object
            {{ values }} //should be filled with the initial values
<script setup lang="ts">
import { useFormHandler } from 'vue-form-handler'

const { register, values, modifiedValues } = useFormHandler({
  initialValues: {
    name: 'My name',
    email: '',

Let's say your form is initialized as above, because you're editing an existing item, and you just want to be aware of the data that changed to perform a PATCH operation, then modifiedValues is your best friend.

Type Declarations

type ModifiedValues = ComputedRef<Partial<T>>// T being the form interface

Released under the MIT License.