定义全局的简易分页组件 2、如果当前是第一页的时候，“上一页”按钮不显示，总共是 15 页内容， 当页数为 15 页时候，“下一页”按钮不显示。 3、当点击“上一页”按钮或者“下一页”按钮的时候可以实现去到上一页 或者下一页的效果

以下是一个简易的分页组件的实现，可以根据需要进行修改：

<!-- 分页组件 -->
<div class="pagination">
  <!-- 上一页按钮 -->
  <button v-if="currentPage > 1" @click="prevPage">上一页</button>

  <!-- 页码列表 -->
  <ul>
    <li v-for="page in pages" :key="page"
        :class="{ active: page === currentPage }"
        @click="currentPage = page">{{ page }}</li>
  </ul>

  <!-- 下一页按钮 -->
  <button v-if="currentPage < totalPages" @click="nextPage">下一页</button>
</div>

// 分页组件的逻辑
export default {
  props: {
    totalItems: {
      type: Number,
      required: true
    },
    itemsPerPage: {
      type: Number,
      default: 10
    }
  },
  data() {
    return {
      currentPage: 1
    };
  },
  computed: {
    totalPages() {
      return Math.ceil(this.totalItems / this.itemsPerPage);
    },
    pages() {
      const startPage = Math.max(1, this.currentPage - 2);
      const endPage = Math.min(this.totalPages, startPage + 4);
      const pages = [];

      for (let i = startPage; i <= endPage; i++) {
        pages.push(i);
      }

      return pages;
    }
  },
  methods: {
    prevPage() {
      this.currentPage--;
    },
    nextPage() {
      this.currentPage++;
    }
  }
};

根据题目要求，我们需要在模板中判断当前页码是否是第一页或者最后一页，如果是，则不显示“上一页”或“下一页”按钮。在组件的逻辑中，我们需要根据总共的内容数量和每页显示的数量计算出总页数，然后根据当前页码生成页码列表。当点击“上一页”或“下一页”按钮时，只需要修改当前页码即可实现跳转。