chore: consolidate new foundation and archive v1 (#1495)
This commit is contained in:
@@ -0,0 +1,34 @@
|
||||
---
|
||||
category: Reactivity
|
||||
---
|
||||
|
||||
# reactiveComputed
|
||||
|
||||
Computed reactive object. Instead of returning a ref that `computed` does, `reactiveComputed` returns a reactive object.
|
||||
|
||||
## Usage
|
||||
|
||||
```ts
|
||||
import { reactiveComputed } from '@vueuse/core';
|
||||
|
||||
const state = reactiveComputed(() => {
|
||||
return {
|
||||
foo: 'bar',
|
||||
bar: 'baz',
|
||||
};
|
||||
});
|
||||
|
||||
state.bar; // 'baz'
|
||||
```
|
||||
|
||||
## Type Declarations
|
||||
|
||||
```ts
|
||||
export type ReactiveComputedReturn<T extends object> = UnwrapNestedRefs<T>;
|
||||
/**
|
||||
* Computed reactive object.
|
||||
*/
|
||||
export declare function reactiveComputed<T extends object>(
|
||||
fn: ComputedGetter<T>,
|
||||
): ReactiveComputedReturn<T>;
|
||||
```
|
||||
Reference in New Issue
Block a user