¿Cómo agrego datos sobre archivos cargados a una matriz de objetos y uso los datos en otros componentes? Haciendo en vue Ahora hice la salida de los datos necesarios a la consola, pero no entiendo cómo agregarlo a la matriz de objetos y luego usarlo en otros componentes, por ejemplo: tendré que darle mi icono basado en el tipo de archivo cargado.

 <form action="#" class="header__form"> <div class="input-file-container"> <img src="../assets/cir.png"/> <input class="input-file" id="my-file" type="file" multiple @change="loadFile" > <label tabindex="0" for="my-file" class="input-file-trigger">UPLOAD</label> </div> </form>

 <script> export default { name: "Head", data() { return { files: [], } }, methods: { loadFile(ev) { const files = ev.target.files[0]; const reader = new FileReader(); reader.onload = e => this.$emit("load", e.target.result); console.log(`Filename: ${files.name}`) console.log(`Size: ${files.size}`) } } }; </script>