【前端】vue3中引入class类的写法

在vue3+js中使用Class类对象

单独将一个类作为一个js文件，然后引入到vue3页面使用

// @/utils/RecordEntity.jsclassRecordEntity{
  entity;constructor(entity){this.entity = entity;}getTime(){returnthis.formatDate(this.entity.start_timestamp)}/**
   * 格式化时间戳
   * @param date
   * @returns {string}
   */formatDate(date){let time = date;let dateTime =newDate(time).toJSON();returnnewDate(+newDate(dateTime)+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'')}}exportdefault RecordEntity

使用的vue页面

<template><div>Hello World</div></template><script setup>import RecordEntity from"@/utils/RecordEntity.js";// 使用类constupdateMap=(data)=>{let recordEntity ={start_timestamp:1696946167};let e =newRecordEntity(recordEntity)
  console.log("实体类结果time：",e.getTime())}</script>