VUE框架可以非常方便地訪問當前時間,可以使用vue的computed來設置。
在模板中創建一個新的計算屬性,可以通過在JS組件中定義getters和setters的方式來實現。例如下面的代碼塊將用現在的UTC時間更新定時器:
computed: {
currentTime: function () {
return new Date().toUTCString()
}
}
現在,可以將計算屬性直接插入模板中:
<div>
<p> Current time: {{ currentTime }} </p>
</div>
這樣可以動態地更新當前時間。如果想要手動更新時間,可以使用Vue.set 或 this.$set:
Vue.set(data, 'currentTime', new Date().toUTCString())
或者使用下面的代碼:
this.$set(this.data, 'currentTime', new Date().toUTCString())
這樣就可以手動更新當前時間了。