vue 实现上一条下一条数据切换

Vue 实现上一条下一条数据切换可以通过以下步骤实现：

1. 在 Vue 组件中定义一个数组，用于存储数据列表。
2. 定义一个变量，用于存储当前数据的索引值。
3. 在组件中定义两个方法，分别用于切换到上一条和下一条数据。
4. 在模板中使用 v-bind 指令将当前数据的值绑定到页面上。
5. 在模板中使用 v-on 指令将上一条和下一条数据切换的方法绑定到按钮上。

以下是一个简单的示例代码：

<template>
<div>
<h2>{{ data[currentIndex] }}</h2>
<button @click="prev">上一条</button>
<button @click="next">下一条</button>
</div>
</template>

<script>
export default {
data() {
return {
data: ['数据1', '数据2', '数据3'],
currentIndex: 0
}
},
methods: {
prev() {
if (this.currentIndex > 0) {
this.currentIndex--
}
},
next() {
if (this.currentIndex < this.data.length - 1) {
this.currentIndex++
}
}
}
}
</script>

请注意，以上代码仅为示例，实际应用中可能需要根据具体情况进行修改。