使用Vuetify实现分页效果?

Vuetify框架好处:
1、默认样式就很好看，我之前用 Ant-Design-vue 文件里经常要写一些 CSS 来改变控件的默认外观、间距什么的。用上 Vuetify 后，我发现基本不用手写 CSS 了。

2、对移动端的支持非常好，我的博客一套代码，在 PC 端和移动端都很完美，关键是实现起来很简单。

效果图:

默认从第一页开始:
代码如下:

//content
<div class="content-div">这里显示不同页面的内容
<ul><li v-for="(item,index) in StaffInfo"></li></ul>
</div>
//底部的显示页面
<template>
  <div class="text-center">
    <v-pagination
      v-model="page"
      :length="6"
    ></v-pagination>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        page: 1,//默认从第一页
      }
    },
    methods:{
    //自定义方法，通过控制this.page++或this.page--来显示不同页面的内容
   
    }
  }
</script>

插件：
vuetify:2.3.13版本