文章归档页面

文档归档页面使用vue的组件进行的开发，文章归档展示在导航栏，用户可直接点击进入，所有的文章使用时间函数进行时间记录，同时并展示在文章归档模块的侧边栏，如果用户想要查找自己何时发的文章，统一月份发布了多少个文章，侧边栏都有记载，点击侧边栏即可展示在页面上，给用户一种简单直观的体验。
页面如下

具体代码如下

  <el-aside class="me-area">
    <ul class="me-month-list">
      <li v-for="a in archives" :key="a.year + a.month" class="me-month-item">
        <el-badge :value="a.count">
          <el-button @click="changeArchive(a.year, a.month)" size="small">{{a.year +'年' + a.month + '月'}}
          </el-button>
        </el-badge>
      </li>
    </ul>

  </el-aside>


  <el-main class="me-articles">
    <div class="me-month-title">{{currentArchive}}</div>

    <article-scroll-page v-bind="article"></article-scroll-page>

  </el-main>
</el-container>