Challenge programming

Vue.js

Vue.jsで現在の時刻を表示する | Display the current time in Vue.js

{{ now }}

 
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();
}
}
});


この本を参考にして学び、完成させることができました。しかし、ここではプログラミング初心者の私が詳しく解説することは、おこがましく、難しく出来ません(ToT)
その点、この本では丁寧な解説が載っていますので、解説とともにコードを書き、完成させればより深く学ぶことができます(^.^)、実際、初心者の私でもわかりやすかったです。身に付け消えないスキルが3,000円弱ならコスパよく、買っておいてよかったと満足してます。


もっと深く学びたい人にはこちらもどうぞ。| For those who want to learn more deeply, this is also recommended.

キャリアアップに必要なスキルを取得しよう。| Get the skills you need to advance your career.

オンラインで受講ができるスクールですので、全国どこからでも。 | Since it is a school where you can take classes online, you can take it from anywhere in the country.

ぺージの先頭に戻る(Return to top of page)


©2020年9月 Challenge programming

プライバシーポリシー