dayjs时间戳

需求：将页面的时间显示为...（年/月/日）前

步骤：

1. 安装相关插件

npm i -s dayjs

2. 在工具文件夹utils下创建一个date.js文件，对需求功能进行函数封装

import dayjs from 'dayjs'
import relativeTime from 'dayjs/plugin/relativeTime' // 到指定时间需要的插件
import 'dayjs/locale/zh' // 集成中文

/**
 * ......多久之前
 * @param{*}之前的时间
 * @returns 系统时间 到 之前指定时间的距离值
 */
export const timeAgo = (targetTime) => {
// 格式化时间
  dayjs.extend(relativeTime)
  dayjs.locale('zh')
  const a = dayjs()
  const b = dayjs(targetTime)
  return a.to(b) // 返回多久之前
}

3. 在需要的组件中引入封装好的方法

<script>
// 引入 计算封装好的 计算时间的方法
import { timeAgo } from '@/utils/date'
export default {
  methods: {
    formatTime: timeAgo
  }
}
</script>

4. 在需求的插值语法中调用该方法

<span>{{ formatTime(data.time) }}</span>