vue根据不同的下标，展示不同的文字

可以使用Vue的计算属性和v-for指令来实现。假设有一个数组`texts`存储不同的文字，可以通过v-for指令将它们展示出来。同时，可以定义一个响应式的数据`index`，用来表示当前展示的文字的下标。然后，可以通过计算属性来获取当前下标对应的文字，如下所示：

<template>
  <div>
    <div v-for="(text, i) in texts" :key="i" v-show="index === i">{{ text }}</div>
    <button @click="prev">上一项</button>
    <button @click="next">下一项</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      index: 0,
      texts: ['文字1', '文字2', '文字3']
    }
  },
  methods: {
    prev() {
      if (this.index > 0) {
        this.index--
      }
    },
    next() {
      if (this.index < this.texts.length - 1) {
        this.index++
      }
    }
  },
  computed: {
    currentText() {
      return this.texts[this.index]
    }
  }
}
</script>

在上面的代码中，`v-for`指令循环遍历数组`texts`，并通过`v-show`指令控制只有当前下标对应的文字会展示出来。`prev`和`next`方法分别减少和增加下标，同时通过`computed`属性`currentText`来获取当前下标对应的文字。最后，可以通过按钮调用`prev`和`next`方法来切换展示的文字。