title: Detecting changes to an input value - vue2
body: <p>I am using a <a href="https://github.com/mengxiong10/vue2-datepicker" rel="nofollow noreferrer">date time picker component</a> for vue2. While it renders nicely and seem to function well with basic usage, I am not able to detect changes to the input value within the vue component. I tried adding <code>@change</code> to the component instance, although it never seems to fire. Any idea why this is? Note, v-model updates the value of <code>cool</code> successfully.</p>
  
  <p>Vue Methods</p>
  
  <pre><code> export default {
          ...           
          methods: {
            someEvent() {
              alert("SUCCESS"); //this never fires
            }
  </code></pre>
  
  <p>Vue Markup</p>
  
  <pre><code>                       &lt;date-picker
                                  v-model="cool"
                                  lang="en"
                                  type="datetime"
                                  input-class="date-time-picker"
                                  format="MM/DD/YYYY hh:mm A"
                                  @change="someEvent()"
                                  :confirm="true"
                          &gt;
                          &lt;/date-picker&gt;
  </code></pre>
  
  <p>JsFiddle:
  <a href="https://jsfiddle.net/aw5g3q9x/" rel="nofollow noreferrer">https://jsfiddle.net/aw5g3q9x/</a></p>