实时显示当前时间，每秒更新

• 我们可以利用定时器来完成这个功能
• HTML

    <div id="app">
        {
       {
       date}}
    </div>
  

• JS

    <script>
    export default {
       
      data() {
       
        return {
       
          date: new Date()
        };
      },
      methods(){
       
      getTime() {
       
                setInterval(() => {
       
                    var date = new Date();//如果date为13位不需要乘1000
  
                    var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
  
                    var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
  
                    var s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
  
                    this.setState({
        nowTime: h + m + s, })
                }, 1000)
            }
              },
  
      }
      mounted() {
       
        let _this = this; // 声明一个变量指向Vue实例this，保证作用域一致
        this.timer = setInterval(() => {
       
          _this.date = new Date(); // 修改数据date
        }, 1000)
  
        foreDestroy() {
       
        if (this.timer) {
       
          clearInterval(this.timer); // 在Vue实例销毁前，清除我们的定时器
        }
      }
    };
    </script>