使用vue 2.1.3怎么實(shí)時(shí)顯示當(dāng)前時(shí)間

發(fā)布時(shí)間：2021-05-20 16:05:15 來源：億速云閱讀：175 作者：Leah 欄目：web開發(fā)

使用vue 2.1.3怎么實(shí)時(shí)顯示當(dāng)前時(shí)間？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

如下所示：

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>Vue</title> 
 </head>
 <body> 
  <div id="app">
   {{date}}
  </div>
  <!-- 開發(fā)環(huán)境版本，包含了用幫助的命令行警告 -->
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script type="text/javascript">  
   var app = new Vue({
    el:'#app',
    data:{
     date: new Date()
    },
    mounted () {
     var _this = this; //聲明一個(gè)變量指向vue實(shí)例this,保證作用域一致
     this.timer = setInterval(function() {
      _this.date = new Date();//修改數(shù)據(jù)date
     }, 1000);
    },
    beforeDestroy () {
     if(this.timer) {
      clearInterval(this.timer);//在vue實(shí)例銷毀錢，清除我們的定時(shí)器
     }
    }    
   });
   
  </script>
 </body>
</html>

vue是什么

Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架，Vue與其它大型框架的區(qū)別是，使用Vue可以自底向上逐層應(yīng)用，其核心庫只關(guān)注視圖層，方便與第三方庫和項(xiàng)目整合，且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)復(fù)雜的單頁應(yīng)用。

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝您對(duì)億速云的支持。

向AI問一下細(xì)節(jié)

使用vue 2.1.3怎么實(shí)時(shí)顯示當(dāng)前時(shí)間

vue是什么

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽