[Vuejs]-Try to pass ref data to prop of component before parent component

If you only need to have Dot before your Carousel for aesthetic reason you can reorder your template (eg: https://developer.mozilla.org/fr/docs/Web/CSS/order).

You will be able to put you Dot component after Carousel to get its ref, but it will be show before.