1---
2category: Reactivity
3alias: eagerComputed
4---
5 
6# computedEager
7 
8Eager computed without lazy evaluation.
9 
10::: info
11This function will be removed in future version.
12:::
13 
14::: tip
15Note💡: If you are using Vue 3.4+, you can use `computed` right away, you no longer need this function.
16In Vue 3.4+, if the computed new value does not change, `computed`, `effect`, `watch`, `watchEffect`, `render` dependencies will not be triggered.
17See: https://github.com/vuejs/core/pull/5912
18:::
19 
20Learn more at [Vue: When a computed property can be the wrong tool](https://dev.to/linusborg/vue-when-a-computed-property-can-be-the-wrong-tool-195j).
21 
22- Use `computed()` when you have a complex calculation going on, which can actually profit from caching and lazy evaluation and should only be (re-)calculated if really necessary.
23- Use `computedEager()` when you have a simple operation, with a rarely changing return value – often a boolean.
24 
25## Usage
26 
27```ts
28import { computedEager } from '@vueuse/core'
29 
30const todos = ref([])
31const hasOpenTodos = computedEager(() => !!todos.length)
32 
33console.log(hasOpenTodos.value) // false
34toTodos.value.push({ title: 'Learn Vue' })
35console.log(hasOpenTodos.value) // true
36```
37 
38## Type Declarations
39 
40```ts
41export type ComputedEagerOptions = WatchOptionsBase
42export type ComputedEagerReturn<T = any> = Readonly<ShallowRef<T>>
43/**
44 *
45 * @deprecated This function will be removed in future version.
46 *
47 * Note: If you are using Vue 3.4+, you can straight use computed instead.
48 * Because in Vue 3.4+, if computed new value does not change,
49 * computed, effect, watch, watchEffect, render dependencies will not be triggered.
50 * refer: https://github.com/vuejs/core/pull/5912
51 *
52 * @param fn effect function
53 * @param options WatchOptionsBase
54 * @returns readonly shallowRef
55 */
56export declare function computedEager<T>(
57  fn: () => T,
58  options?: ComputedEagerOptions,
59): ComputedEagerReturn<T>
60/** @deprecated use `computedEager` instead */
61export declare const eagerComputed: typeof computedEager
62```
63