<p>今何時(なんどき)でっか?</p>
<div id="btn">
<button v-on:click="say('おはようございます')">朝だ</button>
<button v-on:click="say('こんにちは')">昼だ</button>
<button v-on:click="say('こんばんは')">夜だ</button>
</div>
var btn = new Vue({
el: '#btn',
data: {
name: ' びゅう'
},
methods: {
say: function (message) {
alert(message + this.name + '!')
}
}
})
This Pen doesn't use any external CSS resources.