title: What's the difference between @input and @change in Vue <input type="file">?
body: <p>Please see these two code snippets, they all output the same results:</p>
  <pre><code>&lt;template&gt;
    &lt;input type=&quot;file&quot; @input=&quot;input&quot; /&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    methods: {
      input(event) {
        console.log(event.target.files);
      },
    },
  };
  &lt;/script&gt;
  </code></pre>
  <pre><code>&lt;template&gt;
    &lt;input type=&quot;file&quot; @change=&quot;change&quot; /&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    methods: {
      change(event) {
        console.log(event.target.files);
      },
    },
  };
  &lt;/script&gt;
  </code></pre>
  <p>Is there any difference between <code>@input</code> and <code>@change</code> event in <code>&lt;input type=&quot;file&quot; /&gt;</code> element?</p>