title: v-on:change not calling method in nuxt.js
body: <p>This seems like a simple thing to do so I'm not exactly sure what I'm doing wrong here, I followed this question <a href="https://stackoverflow.com/questions/33257379/how-to-fire-an-event-when-v-model-changes-vue-js">how to fire an event when v-model changes</a></p>
  
  <p>but I cant seem to get it to work.. </p>
  
  <p>This is my component</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;input type="text" v-model="searchTerm" v-on:change="search" /&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
     data() {
         return {
             searchTerm: ''
         }
     },
     methods: {
         search() {
             console.log(this.searchTerm);
         }
     }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>now basically what I'm trying to do is when a user starts typing in the input, fire this event and <code>console.log()</code> the updated searchTerm, but when I start typing nothing is logged to the console??</p>
  
  <p>Am I doing something wrong? Is this not how you listen to v-model changes in nuxt?</p>