title: v-on:change event for radio input VueJS
body: <p>I have a problem with event listener for input radio.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;input
    type="radio"
    id="flat"
    name="property_type"
    class="switch-input"
    v-model="registerData.propertyType"
    value="flat"
    checked
  /&gt;
  </code></pre>
  
  <p>And when I add <code>v-on="change:foo"</code> into input element, the page crash loading on that input radio.</p>
  
  <p>Code:</p>
  
  <pre><code>var companyList = new Vue({
      el: '#companyList',
      cache: false,
      data: {
          disabledTime: {
              to: new Date()
          },
          registerData: {
              serviceCategoryId: '{{ $serviceCategoryId }}'
          }
      },
      methods: {
          foo: function() {
              console.log('aaa');
          }
      },
  })
  </code></pre>
  
  <p>What is the best way to call function on change event?</p>