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文件中读取这个变量并且绑定到页面上。如下是效果图