zoukankan      html  css  js  c++  java
  • vue 2.1.3 实时显示当前时间,每秒更新

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="UTF-8">
     5         <title>Vue</title>    
     6     </head>
     7     <body>    
     8         <div id="app">
     9             {{date}}
    10         </div>
    11         <!-- 开发环境版本,包含了用帮助的命令行警告 -->
    12         <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    13         <script type="text/javascript">        
    14             var app = new Vue({
    15                 el:'#app',
    16                 data:{
    17                     date: new Date()
    18                 },
    19                 mounted () {
    20                     var _this = this; //声明一个变量指向vue实例this,保证作用域一致
    21                     this.timer = setInterval(function() {
    22                         _this.date = new Date();//修改数据date
    23                     }, 1000);
    24                 },
    25                 beforeDestroy () {
    26                     if(this.timer) {
    27                         clearInterval(this.timer);//在vue实例销毁钱,清除我们的定时器
    28                     }
    29                 }               
    30             });
    31             
    32         </script>
    33     </body>
    34 </html>

  • 相关阅读:
    自然常数e怎么得来的?
    一元线性回归模型
    最小二乘法
    Box-Cox转换
    需要的数学技能
    偏导数
    FineReport 表格分类
    FineReport 普通报表
    FineReport 单元格
    FineReport创建普通报表的流程
  • 原文地址:https://www.cnblogs.com/1032473245jing/p/9134106.html
Copyright © 2011-2022 走看看