vue3封装一些常见功能

添加utils.ts文件

// cnpm i dayjs --save 需要安装day.js 
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
import relativeTime from 'dayjs/plugin/relativeTime';
dayjs.extend(relativeTime); // 相对时间
dayjs.locale('zh-cn'); // 使用本地化语言
/*
 * @param time 时间字符串
 * @param friendly 显示xxx时间前 (显示为几分钟前 几小时前 几天前 几个月前 )
 */
 export function getLastTimeStr(time: string, friendly: boolean) {
    if (friendly) {
      return dayjs(time).fromNow().replace(' ', '');
    }
    return dayjs(new Date(time)).format('YYYY-MM-DD HH:mm');
  }

举列子 怎么使用这个方法呢
首先你引入啦 是不是要安装啦

在main.ts写入啦

import dayjs from 'dayjs'
app.config.globalProperties.day=dayjs

然后怎么在页面当中用呐 请往下看 =====>大佬们

//第一步引入这个封装插件方法的文件
import {getLastTimeStr} from '../utils/utils'


//第2步
在setup()里面的 const data = reactive({
//把下面的这个写入
  getLastTimeStr(time: string, friendly: boolean) {
      return getLastTimeStr(time, friendly);
    },
})

//第3步

  <div> {{ getLastTimeStr(item.create_at, true)}}</div>//这样直接写入

效果就是几天前几个月前这样子了

utils.ts