Laravel JavaScript & CSS Scaffolding: Writing JavaScript

Npm install
Npm run dev

All of the JavaScript dependencies required by your application can be found in the package.json file in the project's root directory.

  • .
  • Webpack.mix.js.
  • Webpack.mix.js.
  • Resources/js/app.js.
  • App.js.
  • Public/js.

Writing Vue Components

Vue.component(
    'example-component',
    require('./components/ExampleComponent.vue')
);
@extends('layouts.app')

@section('content')
    <example-component></example-component>
@endsection
  • Located in the resources/js/components directory.
  • The ExampleComponent.vue file is an example of a single file Vue component which defines its JavaScript and HTML template in the same file.
  • To use the component in your application, you may drop it into one of your HTML templates.

Using React

Php artisan preset react

Laravel JavaScript & CSS Scaffolding: Writing JavaScript — Structure map

Clickable & Draggable!

Laravel JavaScript & CSS Scaffolding: Writing JavaScript — Related pages: