ex.2 Lec 2 Vue

by ElhamZ

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
  <input type="text" v-on:keyup="namekeyup"> 
  Output: {{name}}
  <br><br>
  <input type="text"  v-on:keyup.ctrl.enter="name = $event.target.value"> Output: {{ name }}

  <br><br>
  <form action="" method="GET" v-on:submit.prevent>
    <input type="submit" value="Submit">
  </form>
</div>

JavaScript

new Vue({
	el:'#app',
  data:{
  name : ' '
  },
  methods: {
  	namekeyup : function(event) {
    this.name= event.target.value;
    }
  }
});