useCycleList

类别

Utilities

导出大小

452 B

最近修改

2 days ago

循环浏览项目列表。

🌐 Cycle through a list of items.

通过 Vue School 的这节免费视频课程，学习如何使用 useCycleList 创建图片轮播！

示例

源代码在线运行

Dog

用法

🌐 Usage

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'