title: How to bind the input data enter with span text?
body: <p>I'm new in Vue.js. I'm trying to bind the data of the input field with the to the span data but it will not appending it tells me <code>undefined</code></p>
  
  <p>Code:-</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>new Vue({
    el: "#app",
    data: {
      counter: 0,
      x: 0,
      y: 0,
      name: "hello"
    },
    methods: {
      increment: function(step, $event) {
        this.counter += step
      },
      decrement: function(step, $event) {
        this.counter -= step
      },
      points: function(event) {
        this.x = event.clientX;
        this.y = event.clientY;
      },
      alert: function(event) {
        alert("alert!")
      },
      change: function(value) {
        this.name = this.name + value
      }
    }
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"&gt;&lt;/script&gt;
  &lt;div id="app"&gt;
    &lt;input type="text" v-on:keyup.enter="change(value)" value=""&gt;
    &lt;span&gt;{{name}}&lt;/span&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Why this will showing me error when I will press enter key but it will append <code>undefined</code> on every enter press. Can anyone help me.</p>