import dayjs from 'dayjs'
import Vue from 'vue'
// 1、导入处理相对时间的插件
import relativeTime from 'dayjs/plugin/relativeTime'
// 2.扩展这个插件
dayjs.extend(relativeTime)
// 3.导入汉化包
import 'dayjs/locale/zh-cn'
// 4.挂在汉化包
dayjs.locale('zh-cn')
Vue.filter('formatdate', (val) => {
return dayjs(val).from()
})
vue组件中使用
<span>{{item.pubdate | formatdate}}</span>
效果展示
image.png
