How to make an api call once in a multiple component

Question

I am studying Vue.js (3).

I have a component which is used a lot of time (in a loop). The render is something like that :

This component makes a get (Axios) when it is created. So if I have 10 loops, I have 10 gets which return the same thing.

I try to make only 1 call (at the first component) and not the other calls, without the use of vuex. Is it possible in Vue.js and how to do that ? (I tried "mounted" instead of "created", without success).

Majed Badawi · Accepted Answer · 2020-12-12 17:15:43Z

1

You need to make the request in the parent component in which the loop is rendered. After that pass the response data as a prop to each item.

answered Dec 12, 2020 at 17:15

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to make an api call once in a multiple component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related