Skip to content

createProjection

Category
Export Size
153 B
Package
@vueuse/math
Last Changed
3 weeks ago
Related

Reactive numeric projection from one domain to another.

Usage

ts
import { 
createProjection
} from '@vueuse/math'
const
useProjector
=
createProjection
([0, 10], [0, 100])
const
input
=
ref
(0)
const
projected
=
useProjector
(
input
) // projected.value === 0
input
.
value
= 5 // projected.value === 50
input
.
value
= 10 // projected.value === 100

Type Declarations

ts
export declare function 
createProjection
(
fromDomain
:
MaybeRefOrGetter
<readonly [number, number]>,
toDomain
:
MaybeRefOrGetter
<readonly [number, number]>,
projector
?:
ProjectorFunction
<number, number>,
):
UseProjection
<number, number>

Source

SourceDocs

Contributors

Anthony Fu
Anthony Fu
SerKo
IlyaL

Changelog

v13.6.0 on
d32f8 - refactor: add @__NO_SIDE_EFFECTS__ annotations to all pure functions (#4907)
v12.8.0 on
7432f - feat(types): deprecate MaybeRef and MaybeRefOrGetter in favor of Vue's native (#4636)
v10.0.0-beta.4 on
4d757 - feat(types)!: rename MaybeComputedRef to MaybeRefOrGetter

Released under the MIT License.

FREE WEEKEND
48 Hours of Unlimited Official Vue.js Certification Training
Reserve Your Spot
23-24 August