useCycleList

循环浏览项目列表。

¥Cycle through a list of items.

通过 Vue School 的免费视频课程了解如何使用 useCycleList 创建图片轮播！

示例

源代码演练场

Dog

用法

¥Usage

ts

import { useCycleList
 } from '@vueuse/core'

const { state
, next
, prev
, go
 } = useCycleList
([
  'Dog',
  'Cat',
  'Lizard',
  'Shark',
  'Whale',
  'Dolphin',
  'Octopus',
  'Seal',
])

console
.log
(state
.value
) // 'Dog'

prev
()

console
.log
(state
.value
) // 'Seal'

go
(3)

console
.log
(state
.value
) // 'Shark'