Laravel + Vue Js 3 Tutorial

There are several resources available for learning Laravel and Vue.js together. Here are a few options:

1. Laracasts: Laracasts offers a comprehensive video tutorial series on building a Laravel and Vue.js SPA from scratch. The series covers topics such as Vue.js components, Vuex state management, and Laravel API development. You can access the series with a Laracasts subscription.

2. Vue Mastery: Vue Mastery offers a course on building a real-world Vue.js and Laravel application. The course covers topics such as Vue.js components, Vuex state management, and Laravel API development. You can access the course with a Vue Mastery subscription.

3. Udemy: Udemy has several courses on building Laravel and Vue.js applications. Some popular courses include "Laravel 8 Vue.js & RESTful API Course With Complete Project" and "Vue JS & Laravel 8: CRUD, Authentication, and VueX". These courses are available for purchase on Udemy.

Here is an example of how to set up a basic Laravel and Vue.js SPA:

// Install Laravel
composer create-project --prefer-dist laravel/laravel my-app

// Install Vue.js
npm install vue

// Create a Vue.js component
<template>
  <div>
    <h1>Hello, {{ name }}!</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: 'World'
    }
  }
}
</script>

// Register the Vue.js component in Laravel
Vue.component('example-component', require('./components/ExampleComponent.vue').default);

// Use the Vue.js component in a Laravel view
<example-component></example-component>