In this article we will see how to setup vue with laravel. 1) Create a laravel project: laravel new laravue 2) In web.php create a temporary route: Route :: get ( '/test' , function () { return view ( 'welcome' ); }); So, when you will see the welcome page once you hit the http://laravue.test/test url. 2) In terminal run: npm install 3) npm install vue (In package.json file you will see that vue dependency has been added successfully) 4) Now go to resources -> js -> app.js file. Here we will have to load the vue. write the following lines in app.js. require ( './bootstrap' ); window . Vue = require ( 'vue' ); const app = new Vue ({ el : '#app' }); (Here, vue js will execute and control anything that will be inside the app id. So, for our example let's put the app id inside the welcome view). So, inside welcome.blade.php 's body...
Comments
Post a Comment