Logo Webbouw Plus

Vue js installeren op een Laravel 8 applicatie

november 28, 2021

Post hoe je Vue JS kan installeren in Laravel.
Standaard is Vue js nog niet geinstalleerd op een nieuwe Laravel 8 omgeving.
Hierbij de stappen om Vue JS te installeren en te gebruiken.

npm install vue
npm install vue-template-compiler vue-loader@^15.9.7 --save-dev --legacy-peer-deps

Update webpack.mix.js

Voeg vue() js toe aan het einde:

mix.js('resources/js/app.js', 'public/js').postCss('resources/css/app.css', 'public/css', [
require('postcss-import'),
require('tailwindcss'),
require('autoprefixer'),
]).vue();

Vue toevoegen in app.js

Op het bestand /resources/js/app.js.
Voeg daar toe:

window.Vue = require('vue');

const app = new Vue({
el: '#app',
});

Je kan nu Vue js gebruiken in je applicaties:

 npm run watch

Warning: Undefined array key "preview" in /home/tw109108/domains/webbouwplus.nl/public_html/wp-content/plugins/oxygen/component-framework/components/classes/comments-list.class.php on line 102

Warning: Undefined array key "preview" in /home/tw109108/domains/webbouwplus.nl/public_html/wp-content/plugins/oxygen/component-framework/components/classes/comments-list.class.php on line 113

Warning: Undefined array key "action" in /home/tw109108/domains/webbouwplus.nl/public_html/wp-content/plugins/oxygen/component-framework/components/classes/comments-list.class.php on line 113

Warning: Undefined array key "preview" in /home/tw109108/domains/webbouwplus.nl/public_html/wp-content/plugins/oxygen/component-framework/components/classes/comment-form.class.php on line 75

Warning: Undefined array key "preview" in /home/tw109108/domains/webbouwplus.nl/public_html/wp-content/plugins/oxygen/component-framework/components/classes/comment-form.class.php on line 79

WEBBOUWPLUS

Marcel van Doornen - Freelance Laravel developer
Marcel van Doornen, freelance Laravel developer
Ben je benieuwd hoe ik jou kan helpen?
Neem contact met mij op