Vue.jsを使い、現在の時刻を表示する方法

　

HTML

<div id=”app”>
<p>{{ now }}</p>
<button v-on:click=”time”>現在時刻を表示する</button>
</div>

JavaScript

var app = new Vue({
el : “#app”,
data : {
now : “00:00:00”
},
methods: {
time: function(e){
var date = new Date();
this.now = date.getHours() + “:” + date.getMinutes() + “:” + date.getSeconds();
}
}
});

わからないことはプロフェッショナルから学ぶのが一番