Skip to content

useArrayReduce

反应式 Array.reduce

¥Reactive Array.reduce.

用法

¥Usage

ts
import { 
useArrayReduce
} from '@vueuse/core'
const
sum
=
useArrayReduce
([
ref
(1),
ref
(2),
ref
(3)], (
sum
,
val
) =>
sum
+
val
)
// sum.value: 6

与反应式数组一起使用

¥Use with reactive array

ts
import { 
useArrayReduce
} from '@vueuse/core'
const
list
=
reactive
([1, 2])
const
sum
=
useArrayReduce
(
list
, (
sum
,
val
) =>
sum
+
val
)
list
.
push
(3)
// sum.value: 6

与初始值一起使用

¥Use with initialValue

ts
import { 
useArrayReduce
} from '@vueuse/core'
const
list
=
reactive
([{
num
: 1 }, {
num
: 2 }])
const
sum
=
useArrayReduce
(
list
, (
sum
,
val
) =>
sum
+
val
.
num
, 0)
// sum.value: 3