Vue vs Livewire. What is better to use for small components?

Question

Laravel

Please tell me how to do it correctly, the situation is as follows:

For the project, the speed of the first page load is very important, respectively, you need to write js code as little as possible, and the page weight should be small.

There is a component, for example, it will be a menu with links to the pages of your personal account: settings, exit, etc.

When you click on your avatar, the user needs to show the menu.

I see 3 options for implementing this functionality:

1. Using livewire. The advantage of this approach is that initially there will be no extra component on the page. The downside is that you have to wait for it to load.
   
2. Load a component on the page and show it through a custom js function.
   
3. Will load both the component and vue. (We have moved away from this approach in favor of livewire)
   

Answer 1

Blade works great with Vuejs. It is not necessary to collect the entire front in one application.
What's more, it's small.