vue中全局使用的时间

有一个需求，说是在每一页中要显示当前的时间，当时想着直接在每个页面中写就好了，但又觉得有点麻烦

处理办法：
就是在首页或者比较靠前的页面处理这个问题
首先获取到当前的时间，并且处理成需要的格式

 // 获取系统当前时间
    getnowtime() {
      var d = new Date();
      var Y = d.getFullYear();
      var M = change(d.getMonth() + 1);
      var D = change(d.getDate());
      var H = change(d.getHours());
      var m = change(d.getMinutes());
      var S = change(d.getSeconds());
      function change(t) {
        if (t < 10) {
          return "0" + t;
        } else {
          return t;
        }
      }
         this.newnottime =
        Y + "年" + M + "月" + D + "日" + H + "时" + m + "分" + S + "秒";
     
    }

然后在created中调用这个方法

 created() {
    setInterval(() => {
      this.getnowtime();
    }, 1000);
  }

然后监控这个newnottime 这个字段，并且向store中changtime方法就结束了

  watch: {
    newnottime() {
      console.log(111);
      setInterval(() => {
        this.$store.commit("changtime", this.newnottime);
      }, 1000);
    }
  },

但是，一旦刷新，就需要一两秒的空白，不刷新就没事，带我在看一下怎么解决，解决后，会更新出来