將使用者輸入儲存在一個陣列資料庫中
我正在嘗試建立一個廣告網站，使用者在其中建立一個個人資料，其中包含其個人資料中的所有詳細資訊和圖片，但要做到這一點，我需要將其儲存在後端資料庫的數組中，以便我以後可以檢索它們。 這就是後端 javascript 的樣子。
export const useProfileStore = defineStore('profile', {
state: () => {
return {
firstName: "Ellen",
lastName: "Hopegar",
email: "me@luddb.com"
}
},
})
這就是我需要的陣列的樣子，只是其中儲存了更多的輸入。
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",
}]
我正在嘗試製作它，以便我可以在 Vue.js 中使用它，就像這樣的圖示
<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>
這裡的輸入來自不同的 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">
我也有文件輸入需要儲存在數組中，我希望這是有道理的，我只是不知道如何將輸入儲存到像我展示的那樣的數組中，以便我能夠在多個不同的頁面上使用它當他們點擊onsubmit 按鈕後創建配置文件時，需要將其放入數組中，抱歉，這太長了，任何幫助都將不勝感激，謝謝。
