title: Vue.js v-model binding issue
body: <p>I am trying to access the input in the submit event. The value of password is undefined.</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="hello"&gt;
      &lt;p&gt;{{ msg }}&lt;/p&gt;
      &lt;input type="text" v-model="password"&gt;
      &lt;button v-on:click="submit()"&gt;Submit&lt;/button&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>The following is the script.</p>
  
  <pre><code>&lt;script&gt;
  export default {
    data () {
      return {
        msg: 'Welcome to Your Vue.js App',
        password: ''
      }
    },
    methods: {
      submit: () =&gt; {
        console.log('submitted')
        console.log(this.password)
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p><code>this.password</code> is undefined, when I try to log to console.    </p>