在vue3+js中使用Class类对象
单独将一个类作为一个js文件,然后引入到vue3页面使用
// @/utils/RecordEntity.jsclass RecordEntity { entity; constructor(entity) { this.entity = entity; } getTime() { return this.formatDate(this.entity.start_timestamp) } /** * 格式化时间戳 * @param date * @returns {string} */ formatDate(date) { let time = date; let dateTime = new Date(time).toJSON(); return new Date(+new Date(dateTime) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '') }}export default RecordEntity 使用的vue页面
<template><div>Hello World</div></template><script setup>import RecordEntity from "@/utils/RecordEntity.js";// 使用类const updateMap = (data) => { let recordEntity = { start_timestamp: 1696946167 }; let e = new RecordEntity(recordEntity) console.log("实体类结果time:",e.getTime())}</script>