Vue.jsでのmethodsプロパティを使ってメッセージを変えるアプリを作る。

Vue.jsでのmethodsプロパティを使ってメッセージを変えるアプリを作る。

「イベントハンドリングを使ったアプリを作ってみよう

ボタンをクリックすると表示されているメッセージが変わる。

{{ text }}


HTML <div id=”app”>
<button @click=”handleClick”>push</button>
<p>{{ text }}</p>
</div>
Javascript new Vue({
el: ‘#app’,
data(){
return{
text: ‘hello!! vue.js’
};
},
methods: {
handleClick(){
this.text = ‘button pushed’
}
}
});


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

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

キャリアアップに必要なスキルを取得しよう。

オンラインで受講ができるスクールですので、全国どこからでも。