vue实现一个简单的分页功能

这是一个简单的分页功能，只能够前端使用，数据不能通过后台服务器进行更改，能容已经写死了。
下面的内容我是在做一个关于婚纱项目中用到的，当时好久没用vue了，就上网区找了别人的博客来看，发现只有关于element_ui的，基本全是，对自己没用什么用，就自己写了一个，效果如下：

点击相应的按钮切换到对应的内容内容：

下面我只发核心代码，css样式就不发了，自己想怎么写怎么写

 <!-- 分页内容 -->
          <ul class="blog-lists-box">
             <li class="blog-list" :key="index" v-for="(item, index) in dataShow" :class="{ 'alt': index%2 == 1 }">
                <div class="card">
                    <div class="blog-overlay">
                      <router-link to="/blog/singleBlog"&