你可以使用vue3 + elementplus使用分页器写一个例子吗

当然可以！以下是一个简单的使用Vue3和ElementPlus分页器的例子：

<template>
  <div>
    <el-pagination
      :page-size="pageSize"
      :total="total"
      layout="prev, pager, next"
      :currentPage="currentPage"
      @current-change="handleCurrentChange"
      :hide-on-single-page="true"
    ></el-pagination>
  </div>
</template>

<script>
import { ref } from 'vue';
import { ElPagination } from 'element-plus';

export default {
  components: {
    ElPagination,
  },
  setup() {
    // 分页器每页显示的数据条数
    const pageSize = ref(10);

    // 分页器总共的数据条数
    const total = ref(100);

    // 当前页数
    const currentPage = ref(1);

    // 处理分页器页码变化的方法
    const handleCurrentChange = (newPage) => {
      currentPage.value = newPage;
    };

    return {
      pageSize,
      total,
      currentPage,
      handleCurrentChange,
    };
  },
};
</script>

这个例子使用了Vue3的Composition API，用`ref`定义了分页器每页显示的数据条数、总共的数据条数和当前页数。然后使用`ElPagination`组件来渲染分页器，绑定`pageSize`、`total`、`currentPage`和`handleCurrentChange`等属性和事件，来实现分页器的功能。注意，我们在模板中使用了`:hide-on-single-page="true"`来让当数据只有一页时隐藏分页器。