Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

vedoj's avatar
Level 1

Steps to setup Vue with Laravel - but only for using Vue components in Blade files, no Inertia or API for SPA

I want some Vue functionality in my current app and would like more than just a CDN import of Vue.

Basically a proper npm installation that would allow me to use a few components in my current Blade files (I am not using Inertia, or Livewire, or APIs for SPAs/mobile apps).

I need it only on 1 or 2 pages basically like 3 components.

I don't want to rewrite my whole app using Inertia - there are only 3 things for now I want to make more "interactive/dynamic" using Vue components. I would prefer Vue 3 instead of Vue 2.

Is there any manual or tutorial with all steps one has to do to make it work properly. I guess I have to add some things in my app.js in resources but have no clue what it should be.

Currently this is all I have this in my app.js file:

import './bootstrap';

import Alpine from 'alpinejs';

window.Alpine = Alpine;

Alpine.start();

By the way, I hope Alpine and Vue play nicely and won't conflict, or?

0 likes
3 replies
martinbean's avatar

@vedoj Why don’t you actually complete some lessons on Laracasts instead of creating thread after thread after thread? Especially when you’re not bothering to go back to those threads after people have spent time responding to you.

vedoj's avatar
Level 1

Stop personally attacking me in my posts.

martinbean's avatar

@vedoj I don’t think suggesting to do some more lessons instead of opening multiple threads a day is really “personally attacking” you, is it?

Please or to participate in this conversation.