Vue vs livewire

Why not do the same small project using both techniques, and see which one you like working with?

For me, It depends on what I'm doing.

If I'm doing an AJAX request + lots of interactivity/DOM manipulation, I prefer using Vue components. Sometimes I use Alpine too.

If it's just a simple AJAX request that needs to be in its own component, I prefer using Livewire. I don't have to mess with and compile steps and everything is done in PHP.

I say learn both as they are both incredibly useful. Maybe learn Vue first as it can be beneficial in other front end non Laravel projects. You'll also appreciate the magic that is happening once you start using Livewire.

My personal preference is Livewire + Alpine. Vue is a really great tool, but I'm just amazed at all the things I can do with Livewire + Alpine that used to take me ages in Vue or React.

My personal opinion using Laravel - I like to use livewire with Laravel projects Because the code is almost the same used on Laravel, when I use it I really like that it blends very well with the code, even with the tags done by Taylor like @if(...) that works very well, another thing is that making a test for me is faster than vue because I don't need to compile it so I can see the changes faster on the browser... Another thing I really like is that I don't need to include the tag

	<div id="app">	</div>

just throw the component into Laravel and that's it.

This is from a noob view. I think it boils down to whether you want it to be rendered server-side or client-side with all the pros & cons:

https://developers.google.com/web/updates/2019/02/rendering-on-the-web

This article shows how you can use Vue and SSR with Laravel but needs to use (and learn) Google V8 JS?:

https://vuejsdevelopers.com/2017/11/06/vue-js-laravel-server-side-rendering/

I conclude as a beginner, I will focus on utilizing Livewire with Alpine.js until I'm very familiar with Laravel as a framework and then trying out Vue.js/Inertia.js as a transitory front-end framework if I need to move away from Laravel later for other projects or particular part of an app. Essentially, Laravel is a backend framework and Livewire is tightly-coupled with blade template which seems like easier to me to take on.

Just for the context, I'm actually working on a project I have made the MVP with vanilla PHP and JS, and am feeling so confused with all the framework stacks. Hence landing on this thread.XD

I have been using Livewire and Vue both. I agree that Livewire is way simple and can handle almost anything you will expect from Vue.js

However, I would like to tell you one scenario where I have to use Vue over Livewire. I am pretty much sure there are other scenarios as well.

I wanted to have the feature to upload GBs of the video file and of course, for such a thing the optimum solution is you need to chunk the file and then upload it.

With Livewire it is a bit difficult but with Vue it is simple. With Vue, it is simple to send each chunk after the previous chunk is uploaded. With Livewire I needed to spin my head around to do this but ultimately ended up with Vue.

As Andre said, both of these frameworks are very powerful and super amazing. I would suggest trying to learn both helps so that you can build a robust application.

This post has been initiated 6 months ago, but I'd like to say something.

I use Livewire and VueJS too. One day a friend told me : "Why are you using Livewire ? Don't you know VueJS ? It's easier, better and faster. Livewire is slow."

So I tried VueJS on two projects, and to compare with Livewire, I again tried another project with Livewire.

I feel that both technologies are good technologies and it's above all in which one you can code easily. And perhaps sometimes Livewire is sufficient, other times VueJS is better. If you have to develop some application with great reactivity like in facebook for example, perhaps VueJS is better ; but if you have to develop some application to manage datas (billings, stock, ...), Livewire is perhaps more convenient.

But when I tried again with Livewire, I had some feeling about the ease to code : all in one place, nothing to compile again and again, ... the great advantage for Livewire is to gather at the same place both front and back, to offer reactivity, to be secure with all Laravel functionalities (gates, middlewares, policies, form requests, ...).

So I think Laravel is very powerful by itself and is convenient and sufficient for a majority of projects.

But some else who loves VueJS could perhaps say something else ;).

This short discussion was very informative. Thanks.