var app = new Vue({
el: '#app',
data: {
date: new Date()
},
mounted: function() {
var _this = this; // 声明一个变量指向Vue实例this,保证作用域一致
this.timer = setInterval(function() {
_this.date = new Date(); // 修改数据date
}, 1000);
},
beforeDestroy: function() {
if (this.timer) {
clearInterval(this.timer); // 在vue实例销毁前,清除我们的定时器
}
}
})
<!-- 引入Vue -->
<script src="//vuejs.org/js/vue.min.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css">
<!-- 引入组件库 -->
<script src="//unpkg.com/iview/dist/iview.min.js"></script>
<div id="app">
{{ date }}
</div>