vue3计算时间差并格式化时间差

1.下载dayjs

dayjs文档

pnpm add dayjs

2.引入dayjs

import dayjs from 'dayjs'

3.引入并扩展dayjs插件

import duration from 'dayjs/plugin/duration'
import relativeTime from 'dayjs/plugin/relativeTime'
dayjs.extend(duration)
dayjs.extend(relativeTime)

4.使用

 <span>{{dayjs.duration(-dayjs(new Date()).diff(item.updated_at,'minute'),'minutes').humanize(true)}}</span>
<!--item.updated_at为需要与当前时间比对的参数-->

5.效果