How to organize a poll of dynamically created components through v-for?

Question

Vue.js

Hello, I am creating a list of components like this:

<component :is="feature.class" :key="feature.id" v-for="feature in features"></component>

Inside the component, I can have one or more different inputs
. Also, inside the components, I want to organize a getData method that will return data.
Tell me, how can I get a list of all in the parent, access each of them and call getData inside to get all the data?

Answer 1

Add ref="features"to your list, getting data will look something like this:

this.$refs.features.forEach(n => console.log(n.getData()))

Answer 2

IMHO, it's time to switch to the event bus (if the methods are asynchronous - to start polling, and plugin-type components - they themselves implement different methods for obtaining data, well, or the application uses the actor model) or vuex, if the dependencies are somewhat more rigid.