title: How to store FileList object inside Vue data
body: <p>Hello im trying to store a FileList object inside vue data object but it's being stored as string "File"</p>
  
  <p>Im adding a ref to html like this</p>
  
  <pre><code>&lt;input type="file" @change="fileChange($event.target)"&gt;
  </code></pre>
  
  <p>And in the javascript</p>
  
  <pre><code>new Vue({
     el: '#someEl',
     data: {
        file: null
     },
     methods: {
        fileChange (file) {
          this.file = file.files[0]
        }
     }
  })
  </code></pre>
  
  <p>As a result i get this:
  <a href="https://i.stack.imgur.com/Cmnn2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Cmnn2.png" alt="Result"></a></p>
  
  <p><a href="https://i.stack.imgur.com/Ljfy5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ljfy5.png" alt="enter image description here"></a></p>