I'm currently pondering the optimal amount of data to store in a Vue data object.
Imagine I have over 4,000 objects structured like this:
personWithAppointment = {
id: 1,
appointment_id: 1,
first_name: 'Jim',
last_name: 'Jim',
// +20 more similar attributes
}
And these objects are stored within my peopleWithAppointments data object in Vue:
data() {
peopleWithAppointments: [
// 4,000 personWithAppointment objects
],
}
Is this considered an excessive amount of data? What about if it reaches 10K or even 50K results? How can one determine an appropriate threshold?
Furthermore, would it be better to store this data in my Vuex store's state instead?