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.

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.