vue-cli3项目，在页面上输出当时打包的时间

本文主要是介绍vue-cli3项目，在页面上输出当时打包的时间，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

最近在用vue3项目写移动端，会遇到奇奇怪怪的问题，但是很多情况都是部分用户手机的缓存问题，一般为了判断客户端是否最新，都会在页面上输出一些当时版本修改的字符串来判断。

我目前想到的是写一个打包时间。以下是实现关键代码

./public/index.html

  <script>window.versionTime = parseInt('<%=new Date().getTime()%>');</script>

*/xxx.vue

{{vTime}}mounted() {this.vTime = new Date(window.versionTime).format("yyyy年MM月dd日 HH:mm");
},
data() {return {vTime: "",};},

上面的代码自己理解下，大概意思是利用webpack在html中能够编写一些编译代码，将时间戳字符串复制给一个变量
然后在vue文件中读取这个变量并且绑定到页面上。如下是效果图

这篇关于vue-cli3项目，在页面上输出当时打包的时间的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---