vue 2.1.3 實時顯示當前時間,每秒更新的方法
更新時間：2018年09月16日 09:40:31 作者：銅鏡123
今天小編就為大家分享一篇vue 2.1.3 實時顯示當前時間,每秒更新的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
<!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; //聲明一個變量指向vue實例this,保證作用域一致
this.timer = setInterval(function() {
_this.date = new Date();//修改數(shù)據(jù)date
}, 1000);
},
beforeDestroy () {
if(this.timer) {
clearInterval(this.timer);//在vue實例銷毀錢，清除我們的定時器
}
}
});
</script>
</body>
</html>
以上這篇vue 2.1.3 實時顯示當前時間,每秒更新的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
關于Vue中的全局導航守衛(wèi)(beforeEach、afterEach)
這篇文章主要介紹了關于Vue中的全局導航守衛(wèi)(beforeEach、afterEach)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
這篇文章主要介紹了VUE項目中SASS的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要介紹了在JS中如何同步修改vue中的變量問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了在vue3中使用import.meta.env方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-05-05
vue parseHTML函數(shù)源碼解析 AST預備知識
這篇文章主要為大家介紹了vue parseHTML函數(shù)源碼解析 AST預備知識示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
這篇文章主要介紹了淺談Vue 自動化部署打包上線，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
這篇文章主要介紹了vue中的proxy代理的用法(解決跨域問題)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要為大家詳細介紹了vue+axios實現(xiàn)post文件下載，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
這篇文章主要介紹了vue編寫檢測敏感詞匯組件的多種思路，幫助大家更好的理解和學習使用vue框架，感興趣的朋友可以了解下2021-04-04
Vue?中?Promise?的then方法異步使用及async/await?異步使用總結
then?方法是?Promise?中?處理的是異步調用，異步調用是非阻塞式的，在調用的時候并不知道它什么時候結束，也就不會等到他返回一個有效數(shù)據(jù)之后再進行下一步處理，這篇文章主要介紹了Vue?中?Promise?的then方法異步使用及async/await?異步使用總結,需要的朋友可以參考下2023-01-01