这种我一般做法是在api返回的数据中就分好组，不过前端后端分组都差不多。可以遍历全部数组，当日期符合条件时就把该条放入对应的一个新数组（比原来多一个维度的数组，第一个维度为按日期的分组），这样嵌套遍历这个新数组就行了。嗯，我也想看到更好的方法

中间需要多设置一个年份的变量，当初写hexo主题归档时候也遇到过这个问题，代码供参考，只需要看看用Vue怎么写相应地实现就好了。

<p class="archive">
  <% var lastyear; %>
  <% page.posts.each(function(post){ %>
    <% var year = post.date.year() %>
    <% if(lastyear !== year){ %>
      <h4 class="year"><%= year %></h4>
      <% lastyear = year %>
    <% } %>
    <p class="archive_item">
      <a class="title" href="<%- url_for(post.path) %>"><%= post.title %></a>
      <span class="date"><%= post.date.format('YYYY-MM-DD') %></span>
    </p>
  <% }) %>
  <p class="pagination">
    <%- paginator({ total: Math.ceil(site.posts.length / config.per_page)}) %>
  </p>
</p>

小白做法：最简单的JS应该就是后台处理分组数据，前台循环遍历吧