VueUserefDefault
Apply default value to a ref.
Usage
ts
import { refDefault, useStorage } from '@vueuse/core'
const raw = useStorage('key')
const state = refDefault(raw, 'default')
raw.value = 'hello'
console.log(state.value) // hello
raw.value = undefined
console.log(state.value) // default
import { refDefault, useStorage } from '@vueuse/core'
const raw = useStorage('key')
const state = refDefault(raw, 'default')
raw.value = 'hello'
console.log(state.value) // hello
raw.value = undefined
console.log(state.value) // default
Type Declarations
typescript
/**
* Apply default value to a ref.
*
* @param source source ref
* @param targets
*/
export declare function refDefault<T>(
source: Ref<T | undefined | null>,
defaultValue: T
): Ref<T>
/**
* Apply default value to a ref.
*
* @param source source ref
* @param targets
*/
export declare function refDefault<T>(
source: Ref<T | undefined | null>,
defaultValue: T
): Ref<T>
Source
Contributors
Anthony Fu