Ich versuche, eine Werbewebsite zu erstellen, auf der der Benutzer ein Profil mit allen Details und Bildern aus seinem Profil erstellt. Dazu muss ich es jedoch in einem Array in der Backend-Datenbank speichern, damit ich sie später abrufen kann . So sieht das Backend-Javascript aus.

export const useProfileStore = defineStore('profile', {
  state: () => {
    return { 
      firstName: "Ellen",
      lastName: "Hopegar",
      email: "me@luddb.com"

    }
  },
})

So soll das Array aussehen, nur dass mehr Eingaben darin gespeichert sind.

const users = [
  {
    firstname: "Fred",
    lastName: "Boy",
    email: "abc@t.com",
  },
  {
    firstname: "Tom",
    lastName: "Boy",
    email: "abc@t.com",
  },
  {
    firstname: "Jerry",
    lastName: "Boy",
    email: "abc@t.com",
  },
  {
    firstname: "Sam",
    lastName: "Boy",
    email: "abc@t.com",
  },
  {
    firstname: "Ben",
    lastName: "Boy",
    email: "abc@t.com",
  }]

Ich versuche es so zu gestalten, dass ich es in Vue.js wie dieses Symbol verwenden kann

<div v-for="user in users" :key="user.firstName" class="bg-slate-400 hover:bg-slate-800 w-64 p-4 rounded-xl shadow flex m-2 cursor-pointer">
    <div class="w-10">
      <img alt="Vue logo" src="../assets/logo.png" />
    </div>
    <div class="ml-4">
      <p class="font-bold">{{ user.firstname }} {{ user.lastName }}</p>
      <p class="-mt-1 text-xs">{{ user.email }}</p>
    </div>
  </div>

Die Eingabe hier kommt von verschiedenen vue.js

<form class="review-form" @submit.prevent="onSubmit">
<div id= "app">
 <div>
 
             <input id="name" v-model="name" type="text" placeholder="Name">
            <input id="email" v-model="email" type="text" placeholder="Email">
           <input id="phone" v-model="phone" type="text" placeholder="Phone no.">
           <input id="age" v-model="age" type="text" placeholder="Age">

Ich habe auch Dateieingaben, die in einem Array gespeichert werden müssen. Ich hoffe, das macht Sinn. Ich weiß nur nicht, wie ich die Eingaben in einem Array wie dem von mir gezeigten speichern soll, damit ich sie auf mehreren verwenden kann Wenn sie das Profil erstellen, nachdem sie auf die Schaltfläche „Einreichen“ geklickt haben, müssen sie in ein Array eingefügt werden. Tut mir leid, das ist zu lang. Wir würden uns über jede Hilfe sehr freuen, vielen Dank.