Vue.js踩坑記之雙向綁定-創(chuàng)新互聯(lián)
這篇體驗一下VUE的雙向綁定
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
<div id="app">
<input type="text" v-model="CurrentTime" placeholder="當前時刻">
<h2>當前時刻{{ CurrentTime }}</h2>
</div>
<script>
var app = new Vue({
el:'#app',
data:{
CurrentTime: new Date()
},
mounted:function(){
var _this = this;
this.timer = setInterval(function(){
_this.CurrentTime = new Date();
},1000);
},
beforeDestroy:function(){
if(this.timer){
clearInterval(this.timer);
}
}
});
</script>
</body>
</html>
分享名稱：Vue.js踩坑記之雙向綁定-創(chuàng)新互聯(lián)
標題URL：http://m.kartarina.com/article36/dehisg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、用戶體驗、微信公眾號、云服務器、小程序開發(fā)、搜索引擎優(yōu)化
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- ionic2屏幕適配如何實現(xiàn)適配手機、平板等設備-創(chuàng)新互聯(lián)
- 點擊HTML頁面問號出現(xiàn)提示框的實現(xiàn)方法-創(chuàng)新互聯(lián)
- 怎么深入淺析ASO關鍵詞優(yōu)化-創(chuàng)新互聯(lián)
- vue2實現(xiàn)搜索結果中的搜索關鍵字高亮的代碼-創(chuàng)新互聯(lián)
- php中類和對象的靜態(tài)屬性、靜態(tài)方法的用法-創(chuàng)新互聯(lián)
- Oracle學習之性能優(yōu)化（七）join的實現(xiàn)方式-創(chuàng)新互聯(lián)
- IOS開發(fā)之UIView動畫的示例分析-創(chuàng)新互聯(lián)
- 服務器托管有哪些不同的類型? 2022-10-06
- 北京雙線服務器托管哪家好？ 2021-03-18
- 為什么企業(yè)進行服務器托管更好？ 2022-10-03
- 免備案服務器托管有什么好處？ 2022-10-03
- 影響服務器托管價格有哪些？ 2022-10-07
- 為什么要服務器托管？什么是IDC服務器托管？ 2022-10-05
- 服務器托管如何選擇好的機房？ 2022-10-07
- 選擇移動機房進行服務器托管有優(yōu)勢嗎？ 2022-10-02
- 網(wǎng)站服務器托管價格有哪些影響因素？ 2022-10-02
- 服務器之家淺談高防秒解服務器托管要多少錢？ 2022-10-04
- 服務器環(huán)境配置 2022-05-25
- 服務器托管太貴？可能這幾方面你沒選好 2022-10-07