Event Listeners with Vue js

gistfile1.txt

// Create your html structure

<div id= "root">
  <input type= "text" id= "input">   
  
  <button v-on:click= "addname" >AddName</button>
</div>


                   OR

<div id= "root">
  <input type= "text" id= "input">   
  
  <button @click= "addName" >AddName</button>
</div>



// js code
<script>
  
 let app1 = new Vue({
  
            el: "#root",
 
            data: {
                    message: "Hello World"
            }
                  
            methods:{
                      addName(){
                      
                                alert('adding name');
                      
                      }
            }
 })
</script>