Vue移动端dayjs结合过滤器的基本使用

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组件中使用

{{item.pubdate | formatdate}}

效果展示

image.png