- 创建一个json文件
- 在vue.config.js中调用fs方法将时间作为内容写入文件
const fs = require('fs');
const versionJSON = {
"compileTime": new Date().getTime()
}
fs.writeFile("./src/utils/versionJSON.json", JSON.stringify(versionJSON), (err)=>{
console.log('文件写入成功');
})
module.exports = {
}
- 在需要展示版本时间的组件中引入我们创建的文件
<template>
<div>
<h1>{{compileTime}}</h1>
</div>
</template>
<script>
import versionJSON from "../utils/versionJSON.json";
import moment from "moment";
export default {
data(){
return {
compileTime: ''
}
},
mounted(){
console.log(versionJSON)
this.compileTime = moment(versionJSON.compileTime).format('YYYY/MM/DD, hh:mm:ss')
}
}
</script>
- 展示如下
![图片演示](https://i-blog.csdnimg.cn/blog_migrate/1624dc685421f88e489fea0261c45ce1.png#pic_center)