Vue Element UI 是一個非常常用的前端 UI 組件庫，它提供了大量的 UI 組件，其中最為常用的就是分頁組件了。在許多項目中，我們都需要使用到分頁組件，而 Element UI 提供的分頁組件非常方便實用。本文將介紹 Element UI 分頁組件的使用方法。

首先需要引入 Element UI 的分頁組件，引入方式如下：

// 引入 Element UI 分頁組件
import { Pagination } from 'element-ui';
Vue.use(Pagination);

上面代碼中，我們使用 import 引入了 Element UI 的 Pagination 組件，然后通過 Vue.use() 方法將其注冊成全局組件。

然后我們需要在頁面中使用分頁組件，示例如下：

上面代碼中，我們使用了 Element UI 提供的 el-pagination 標簽，然后設置了一些屬性來控制分頁組件的行為。其中比較重要的屬性有：

• @size-change：在分頁大小改變時觸發的事件。
• @current-change：在當前頁碼改變時觸發的事件。
• :current-page.sync：當前頁碼，使用 sync 修飾符實現雙向綁定。
• :page-sizes：分頁大小的選項數組。
• :page-size：當前分頁大小。
• layout：分頁組件排版方式。
• :total：總數據量。

通過設置這些屬性，我們就可以輕松地實現一個分頁組件了。當用戶修改分頁大小或者當前頁碼時，就會觸發對應的事件，我們只需要在事件處理函數中更新相應的數據即可。

除了基本的屬性設置外，Element UI 的分頁組件還提供了一些高級功能，比如禁用分頁、分頁簡潔顯示等等。具體用法請參考 Element UI 官方文檔。

總的來說，Vue Element UI 的分頁組件非常實用，可以幫助我們輕松地實現頁面分頁的功能。使用起來也非常方便，通過設置一些簡單的屬性就可以實現各種不同的分頁方式。