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,- Failed to load resource: net::ERR_CACHE_MISS PHP
- PHP Base64 encoding decoding a variable
- PHP Fatal error : Call to a member function bind_param() on a non-object
- PHP header location function not called
- Copy file from one directory to other in Php
- Remove URL Forward Slash Before Single or Double quotes in php.ini
- How to destroy PHP session()
- PHP drag and drop file upload tutorial using dropzone.js
- PHP Warning: Cannot modify header information - headers already sent
- Upload Pdf file using PHP Script
More Posts:- Android : java.lang.IllegalArgumentException File contains a path separator - Android
- Calculate Volume of Cylinder - C-Program
- How to add hint text in bootstrap input text field and text area - Bootstrap
- Android Studio emulator/Device logCat logs not displayed - Android-Studio
- Copy file from one directory to other in Php - PHP
- Calculate Volume of Ellipsoid - C-Program
- How to get UTC (GMT) using javascript - JavaScript
- AVD Pixel_2_API_15 is already running. [Android Studio] - Android-Studio
- SharePoint 2010 August 2015 Update KB3055049 - Duplicate Document ID issue bug fixed - SharePoint
- Get Browser Screen Width and Height dynamically using jquery - jQuery
- Multiple line editing in Notepad++ - NotepadPlusPlus
- Merge-SPlogfile PowerShell - SharePoint Correlation ID error - SharePoint
- SharePoint Server 2016 Preview installation error - This Product Key isn't a valid Microsoft Office 2016 Product Key. Check that you've entered it correctly. - SharePoint
- How to kill tomcat server process using Mac Terminal Command - Tomcat
- Detect Data roaming in Android Application - Android