Laravel 在vue模板的列表中显示分组后提取的数据

我正在用vue模板中的用户活动制作时间线。我想通过在创建时对获取的数据进行分组来列出这些数据

我已经用laravel控制器的axios获取了数据。结果数组如下所示

activities:Array[2]
    0:Object
        causer_id:1
        created_at:"2019-09-20 08:55:29"
        description:"updated"
        id:1
        subject_type:"App\User"
    1:Object
        causer_id:1
        created_at:"2019-10-20 08:58:10"
        description:"updated"
        id:2
        subject_type:"App\User"

如何按创建的时间对数组进行分组，用值填充“时间线日”，然后用当天的活动填充“时间线框”

<div class="timeline-day">
    ***created_at***
</div>
    <div class="timeline-box" >
        <div class="box-content" v-for="(activity, i) in activities" :key="i">
        <div class="box-item">{{ activity.subject_type }}</div>
        <div class="box-item">{{ activity.description }}</div>
        <div class="box-item">{{ activity.created_at }}</div>
   </div>

***创建于***
{{activity.subject_type}
{{activity.description}}
{{activity.created_at}}

---

像这样的东西应该可以

newvue({
el:“#应用程序”，
数据（）{
返回{
活动：[
{
原告编号：1，
创建时间：“2019-09-20 08:55:29”，
说明：“已更新”，
id:1，
主题类型：“应用程序\用户”
}, {
原告编号：1，
创建时间：“2019-09-20 09:54:25”，
说明：“已更新”，
id:3，
主题类型：“应用程序\用户”
}, {
原告编号：1，
创建时间：“2019-10-20 08:58:10”，
说明：“已更新”，
id:2，
主题类型：“应用程序\用户”
}
]
}
},
计算：{
天（）{
常量映射={}
for（本活动的常量活动）{
const day=在切片处创建的活动（0,10）
map[day]=map[day]|{创建时间：day，活动：[]}
映射[日].activities.push（活动）
}
返回Object.keys（map.sort（）.map（day=>map[day]）
}
}
})

。时间线日{
边框顶部：1px实心#000；
字体大小：粗体；
}

{{day.created_at}}
{{activity.subject_type}
{{activity.description}}
{{activity.created_at}}

1。发布整个代码。2.您希望在？2处按创建的\u进行排序。我想按创建时间分组，在标记“时间线月”中我想显示创建时间，在标记“时间线框”中显示该日期的所有活动。