分页表格是一个非常常见的需求，它能够在展示大量数据的时候，将数据分页展示给用户，使用户可以更加直观地浏览并选择需要的数据。Vue作为一款高效、灵活的框架，有着非常好的组件化思想，因此，我们可以使用Vue来封装一个通用的分页表格组件。

首先，我们需要定义一个分页器的组件（Pagination），这个组件需要进行一些基础配置和数据绑定，我们可以通过props来定义组件所需参数，例如总页数、当前页数、每页展示的数据量等等。这个组件还需要被使用到的页面传入一个changePage函数，用来处理翻页事件。

Vue.component('pagination', {
props: {
totalPage: {
type: Number
},
currentPage: {
type: Number
},
pageSize: {
type: Number
}
},
methods: {
changePage(page) {
// 处理翻页事件
}
},
template: `
...
`
})

接下来，我们需要定义一个封装表格的组件（Table），这个组件需要和分页器组件进行配合，将表格和分页器组件进行组合展示。在表格组件中，我们可以定义一个tableData属性，这个属性会接收从外部传入的数据，我们需要将这个数据按照分页器的规则展示给用户。

Vue.component('table-wrap', {
props: {
tableData: {
type: Array
},
pageSize: {
type: Number
}
},
data() {
return {
currentPage: 1,
totalPage: Math.ceil(this.tableData.length / this.pageSize)
}
},
methods: {
handlePageChange(page) {
this.currentPage = page
}
},
computed: {
currentPageData() {
const start = (this.currentPage - 1) * this.pageSize
const end = start + this.pageSize
return this.tableData.slice(start, end)
}
},
template: `
...
...
`
})

最后，在使用这个封装分页表格的时候，我们只需要将数据传入Table组件，即可实现一个功能完整的分页表格。

综上所述，我们可以通过Vue的组件化和双向数据绑定的特点，方便地封装一个通用的分页表格组件，使开发者能够更加高效快捷地完成项目需求，并且不需要重复造轮子，提高了开发效率与代码复用性。