Is it possible to make vuex store unique per component?

Question

Vue.js

Hello!
There is a component that displays some logic and Vuex is used there for convenience.

@foreach ($item in $items)
    <mortgage-list
           :sum="{{ $item->sum }}"
           :min-fee="{{ $item->fee }}"
           :key="{{ $item->id }}"
     ></mortgage-list>
@endforeach

Now they want to display this component in a cycle, that is, there will be a lot of them on the page.
I implemented this, but now changing something in one component, it changes in all) I realized
that the store is intended for spa, but I do some tasks on vue, it turns out as modules and in some I use vuex, what should I do with this component now? Maybe somehow there is a way to tell vuex to extend its influence to only 1 component, or to remake everything on the local state?

Answer 1

The idea is, of course, stupid.
You should change the data structure in the storage so that you can store data for several mortgage-list instances at once. Make an object, the keys will be id (the ones you use as key). Well, values ​​are objects with data for a separate instance. In the mortgage-list component itself, you need to add a calculated property, where the required object will be retrieved from the storage by id.

Answer 2

Why not just move the state storage to the component itself?

Answer 3

Or pervert something like this https://codeburst.io/dynamic-modules-with-vuex-and...
key for everyone?