Full Stack Vue.js & Laravel

Traversy Media · 541K views · 2018 · 45:14

Open on YouTube

Web developmenttutorialdated

Why Stack Overflow recommends it

Stack Overflow users link it when asking how to combine Vue.js with Laravel, either as a recommended walkthrough or as the tutorial they are following when they get stuck.

Recommended by 1 people across 1 different months, 2018 to 2022.

What it is

A 45-minute Traversy Media tutorial that builds a Vue.js frontend for a Laravel 5.5 API, producing a full CRUD app with pagination and a Bootstrap 4 interface. It follows on from a separate video that builds the Laravel backend.

What people said

Recommends Maru Amallo · 2018-03 · Stack Overflow · on “Laravel, Vuejs - Adding a template purchased from themeforest”

I strongly recommend that you see this tutorial or another, there are a lot that explain very well the steps to follow [this video]

Cites Henry · 2020-12 · Stack Overflow · on “How do I make asset() work correctly in Laravel 8.x?”

I am using Laravel 8.x in Windows 10 along with Vue 2.6.12. I am working my way through a video on combining Vue with Laravel. The video is for an older version of Laravel, probably 5.5, and probably a slightly older Vue as well so that may well be the nature of my problem. Here's the link to the video [this video] . I'm at about the 8:00 minute mark. The problem I'm having is that when I try to execute my code, Laravel isn't seeing the app.js file no matter how much I experiment with the src parameter of the script tag. (I have a good imagination and I've done a LOT of experimenting.) The Laravel manual has not been of much help here except that I saw it mentioned an ASSET_URL parameter for the

Cites G Buis · 2022-08 · Stack Overflow · on “Can't import Vue into Laravel?”

I haven't used Laravel in ages and I'd like to import Vue into Laravel, because I know more about Vue. I've created a new Laravel Project [LINK] , Installed Vue [LINK] (Link 2) [this video] and still I'm seeing just a White screen [LINK] . Code is posted below. I'm probably just missing a thing or two but can't seem to find out what it is. To run the project I'm running php artisan serve . welcome.blade.php code: <!DOCTYPE html> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>IPMEDTH</title> </head> <body> <div id="app"> <example-component></example-component> </div> <script src