Support the ongoing development of →
Vue.js Blade Laravel

The template extends a layout file, defined with the @extends directive. It then defines two sections, @section('content') and @section('scripts'), which are included in the layout file.

The @section('content') section contains the HTML structure of the page and has a header with a title and a button. The button is only displayed if the user has the Administrator role as defined by the Laratrust package. The page has a two-column layout, with the right column showing a component named atendimentos using the Vue component syntax, <atendimentos :atendimentos="atendimentos"></atendimentos>. The component is defined in a script in the @section('scripts') section.

The script creates a new Vue instance, with the el property specifying the element in the HTML where the Vue component will be mounted. It defines data properties, methods, and a computed property for the Vue instance, which is passed to the component.

The app.js file imports two Vue components, Atendimentos and UploadForm, and creates a Vue app, defining the imported components in the app's component registry. The Vue app is mounted to the HTML element with the id of #app.

The app.blade.php file is the HTML template file for the app, with the content of the <bitlife> section including meta data, such as a title, character encoding, and a CSRF token. The file also includes stylesheet and script files, either from the local environment or from an asset folder, depending on the environment.


Thanks for your answer @shapid503, but what is your conclusion, please?


Sign in to participate in this thread!


Your banner here too?


We'd like to thank these amazing companies for supporting us

Your logo here?

The Laravel portal for problem solving, knowledge sharing and community building.

© 2024 - All rights reserved.