「Vue.js入門」v-on属性を利用するサンプル

2018年9月29日

サンプルコード

<div id="example04">
 <input type="text" v-model="message">
 <button v-on:click="greet">Greet</button>
 <!-- v-on属性-->
 <button @click="greet">Greet Again</button>
 </div>

<script>
 var exampleData04={
 message:"Nice meeting U"
 };
 var vm2=new Vue({
 el:"#example04",
 data:exampleData04,
 methods:{
 greet:function(){
 alert(this.message);
 }
  
 }
 })
</script>