要獲取Vue中當前頁碼，需要明確分頁組件的結構以及分頁器的實現方式。在分頁組件的結構中，通常包含一個列表數據、頁碼總數、當前頁碼、每頁顯示的數據條數等必要參數。

export default {
data() {
return {
list: [],
total: 0,
currentPage: 1,
pageSize: 5
}
}
}

以上代碼表示一個Vue的分頁組件數據結構，其中list表示要分頁的列表數據，total表示數據總數，currentPage表示當前頁碼，pageSize則表示每頁顯示數據條數。

首先，需要根據列表數據的總數total以及每頁顯示數據條數pageSize，計算出總頁數pageCount。這可以使用計算屬性computed來實現：

computed: {
pageCount() {
return Math.ceil(this.total / this.pageSize)
}
}

接下來，需要在組件中實現獲取當前頁碼的方法。這可以利用Vue的路由機制來實現，或者使用自己實現的分頁器組件來實現。

使用Vue路由機制實現：

<template>
<div>
<ul>
<li v-for="page in pageCount" :key="page">
<router-link
:to="{name: 'list', params: {page: page}}"
:class="{active: page === currentPage}"
>
{{ page }}
</router-link>
</li>
</ul>
</div>
</template>
<script>
export default {
computed: {
currentPage() {
return Number(this.$route.params.page) || 1
}
}
}
</script>

以上代碼中，將分頁的鏈接作為router-link來實現，參數page為當前頁碼。利用computed計算屬性，獲取路由參數中的當前頁碼。

使用自己實現的分頁器組件來實現：

<template>
<div>
<ul>
<li v-for="page in pageCount" :key="page">
<a
:class="{active: page === currentPage}"
@click.prevent="goTo(page)"
>
{{ page }}
</a>
</li>
</ul>
</div>
</template>
<script>
export default {
methods: {
goTo(page) {
this.currentPage = page
}
}
}
</script>

以上代碼中，分頁按鈕使用a標簽實現，并綁定點擊事件。在methods中定義goTo方法，將點擊的頁面數賦值為currentPage。值得注意的是，若要使用這個方式實現，需要將currentPage也定義為data中的數據，并在goTo方法中設置為響應式屬性，否則頁面無法正確更新。

以上就是獲取Vue中當前頁碼的兩種實現方式，根據實際需求選擇相應的方法即可。