title: vue.js keyup, keydown events one character behind
body: <p>I'm using the keydown/keyup events which call a javascript function that prints the value of input box to the console (and also the value of the currentTarget field of the event), and I am noticing it is a character late. For example, if I type <strong>hello</strong> into the input box, I only see <strong>hell</strong> in the console, until I press another key and then I see <strong>hello</strong>, even though by this point I've typed <strong>hello1</strong>. Why is this? And is there anyway around it?</p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;input type="text" class="form__field" v-model="keywords" v-on:keyup.enter="queryForKeywords" v-on:keydown="queryForKeywords"&gt;
  </code></pre>
  
  <p>And the JS:</p>
  
  <pre><code>queryForKeywords: function(event) {
          var self = this;
          if (this.keywords.length &gt; 2) {
              console.log("keywords value: " + this.keywords);
              console.log("event value: " + event.currentTarget.value);
      }
  </code></pre>