1---
2category: Reactivity
3---
4 
5# reactiveOmit
6 
7Reactively omit fields from a reactive object.
8 
9## Usage
10 
11### Basic Usage
12 
13```ts
14import { reactiveOmit } from '@vueuse/core'
15 
16const obj = reactive({
17  x: 0,
18  y: 0,
19  elementX: 0,
20  elementY: 0,
21})
22 
23const picked = reactiveOmit(obj, 'x', 'elementX') // { y: number, elementY: number }
24```
25 
26### Predicate Usage
27 
28```ts
29import { reactiveOmit } from '@vueuse/core'
30 
31const obj = reactive({
32  bar: 'bar',
33  baz: 'should be omit',
34  foo: 'foo2',
35  qux: true,
36})
37 
38const picked = reactiveOmit(obj, (value, key) => key === 'baz' || value === true)
39// { bar: string, foo: string }
40```
41 
42### Scenarios
43 
44#### Selectively passing props to child
45 
46```vue
47<script setup lang="ts">
48import { reactiveOmit } from '@vueuse/core'
49 
50const props = defineProps<{
51  value: string
52  color?: string
53  font?: string
54}>()
55 
56const childProps = reactiveOmit(props, 'value')
57</script>
58 
59<template>
60  <div>
61    <!-- only passes "color" and "font" props to child -->
62    <ChildComp v-bind="childProps" />
63  </div>
64</template>
65```
66 
67## Type Declarations
68 
69```ts
70export type ReactiveOmitReturn<
71  T extends object,
72  K extends keyof T | undefined = undefined,
73> = [K] extends [undefined] ? Partial<T> : Omit<T, Extract<K, keyof T>>
74export type ReactiveOmitPredicate<T> = (
75  value: T[keyof T],
76  key: keyof T,
77) => boolean
78export declare function reactiveOmit<T extends object, K extends keyof T>(
79  obj: T,
80  ...keys: (K | K[])[]
81): ReactiveOmitReturn<T, K>
82export declare function reactiveOmit<T extends object>(
83  obj: T,
84  predicate: ReactiveOmitPredicate<T>,
85): ReactiveOmitReturn<T>
86```
87