SimplePagination.vue

<template>
  <div id="app">
    <div v-for="item in list" :key="item">{{item}}</div>
    <button @click="setPage(page-1)" :disabled="page==1">Anterior</button>
       {{page}}/500
    <button @click="setPage(page+1)" :disabled="page>list.length-1">Proximo</button>
    {{page}}
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      list: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
      page: 1
    };
  },
  methods: {
    setPage(page) {
      this.page = page;
    }
  }
};
</script>