Dynamic Components

Hello

I've read a lot about dynamic components but I'm still not sure what's the best way to load a component dynamically with Laravel Blade and Vue (and I'm still a newbie in Vue :-)).

In my case: There are two components "Projects" and "Reports". If the user navigates to "Reports" (navigation), the "Reports"-component should be load and if he navigates to "Projects" (navigation), the "Projects"-Component without a page-refresh.

My idea was to define an @click-function on the navigation-entries. But what's the best way to do something like that?

Thanks for your help! Regards,