title: File input on change in vue.js
body: <p>Using plain HTML/JS, it is possible to view the JavaScript File objects of selected files for an input element like so:</p>
  
  <pre><code>&lt;input type="file" id="input" multiple onchange="handleFiles(this.files)"&gt;
  </code></pre>
  
  <p>However, when converting it to the 'Vue' way it doesn't seem to work as intend and simply returns <code>undefined</code> instead of returning an Array of File objects. </p>
  
  <p>This is how it looks in my Vue template:</p>
  
  <pre><code>&lt;input type="file" id="file" class="custom-file-input" 
    v-on:change="previewFiles(this.files)" multiple&gt;
  </code></pre>
  
  <p>Where the <code>previewFiles</code> function is simply the following (located in methods): </p>
  
  <pre><code>  methods: {
      previewFiles: function(files) {
        console.log(files)
      }
    }
  </code></pre>
  
  <p>Is there an alternate/correct way of doing this? Thanks</p>