If you are using Laravel 8 PHP framework and want to install Vue.js here is how you can do it.
- Run command: npm install --save vue
- Add below to resources/js/app.js:
window.Vue = require('vue'); Vue.component('example-component', require('./components/VueComponent.vue').default); const app = new Vue({ el: '#app', }); - Create your component: VueComponent.vue
<template> <div>Testing vue with Laravel 8</div> </template> <script> export default { mounted() { console.log("Testing vue with Laravel 8"); }}; </script> - In the head section of resources/views/layouts/app.blade.php add <script src="{{ asset('js/app.js') }}" defer></script> and add id="app" to <body>
- Add or main in your layout file (resources/views/layouts/app.blade.php)
- Add <example-component /> to your view
- Now runnpm run dev, in devtools you should see the console log.
More Posts related to PHP,- 403 forbidden error for Image
- PHP Base64 encoding decoding a variable
- PHP Code for sending Emails
- PHP Script to Upload Images to Server
- PHP 301 Redirect Permanently
- Call PHP function on Button click using jquery ajax
- PHP drag and drop file upload tutorial using dropzone.js
- Warning: Cannot modify header information - headers already sent
- Remove URL Forward Slash Before Single or Double quotes in php.ini
- PHP Fatal error : Call to a member function bind_param() on a non-object
- Upload docx file using PHP script
- Failed to load resource: net::ERR_CACHE_MISS PHP
- PHP header location function not called
- Delete file using PHP code : unlink()
- Copy file from one directory to other in Php
- Upload Pdf file using PHP Script
- How to destroy PHP session()
More Posts:- See actual SharePoint error exception modify web.config - SharePoint
- Rounded Images in Bootstrap framework - Bootstrap
- Java location in Mac OS X - Mac-OS-X
- SharePoint Designer Workflow error - Coercion Failed: Input cannot be null for this coercion - SharePoint
- How to enable line numbers in IntelliJ Android Studio for all files - Android-Studio
- incorrect line ending: found carriage return (\r) without corresponding newline (\n) - Android
- Failed to sync Gradle project Error:failed to find target android-23 - Android
- How to Add a horizontal line in Android Layout - Android
- No CPU ABI system image available for this target Error Android Virtual Device - Android
- Convert text to random case using Notepad++ - NotepadPlusPlus
- Java Code to check if Twitter app is installed on Android device - Android
- Android : Accidental Octal Lint Warning - Android
- Android activity main xml stuck loading - Android-Studio
- Android Eclipse This version of the rendering library is more recent than your version of ADT plug-in. Please update ADT plug-in - Android
- Google Search Hot Trends Screensaver for Mac OS X - Mac-OS-X