I currently have a Laravel Spark website running which employs Vue 2 internally.
I am now following a Vue course for an addition to my site.
I finished 20% of the course, it covered some Vue basics and important tools like
Webpack,Babel, SASS, PostCSS, ESLint and Vue CLI. I would think it would be possible to have these tools create the final javascript/css output which could be loaded into a dedicated Laravel blade page. So ideally, I would like to develop this new Vue website separately, and just plug it into the existing Laravel Spark site without having to worry about breaking things on the Laravel Spark side. Would this be possible?
Related
I built my application using Vue3, now deploying it to Laravel.
However, I would like to make an administration panel for it, but I do not want to waste time creating a new template for it, but I want to use a ready-made template from the Internet. However, I have a problem because the all of available templates are based on the older version of VueJS 2.X.
What can I do? Can I somehow use two versions of VueJS with Laravel?
To create a Vue app, we need to use a special createApp function instead of ... will still install Vue 2.x and npm i vue#next will install Vue 3.
I have a very broad project, developed in codeigniter, I want to integrate Vue and I do not know how to do it.
Is it better to create a new project based on Vue and try to migrate things?
Modify my JS of my current project and replace it with Vue?
What do you recommend?
i have sucessfully use vue to replace codeigniter view layer, i use laravel mixin to compile vue SFC then include built file to the codeigniter view template
FrontEnd frameworks has nothing to do backend frameworks. They communicate via http-request responses.
You may use backend of your choice and render the content on the page.
However, if you want to integrate vue with existing project (which is already working), I recommend new project based on Vue and migrate back end code on need basis
I've a vuejs app builded with the latest vue-cli, the vuejs app runs ok with the development server and communicates with the laravel app, but now I'd prefer that laravel handle this static files...if I build the js files with yarn run build this generates me several files, I could add thems to my laravel homepage but I'm afraid that if in the future I make some change and build these files again, I could get different file names...
what is the best approach for this???...I've found several articles integrating vuejs and laravel but all these are using the vuejs tool incorporated with laravel
thanks so much guys
I have built my static design using vue.js. Now, I need to integrate it within Laravel.
Once I do integrate Laravel with Vue then Laravel is not getting the Design files path. I mean the various Style and JS files.
FYI, I build the Vue in static design and it was working fine before integration with Laravel. But, while integrating with Laravel I am no longer using the build or build.js file. Instead of this, I am building using Laravel ways.
The main issue is the design is broken and the route is not working.
Me and my co-worker both are freshers and I'm doing the front-end using VueJS and he is doing back-end using Laravel.
But How do we connect both back-end and front-end to deploy the final product?
We are struggling to put VueJS project files inside the laravel project files.
We don't have idea where to put main.js, where to put routers.js store.js App.vue inside the laravel
Install Vue Js inside Laravel Project using npm,Then in your resource/assets foleder you will see the app.js, vue component. Then compile it, laravel mix will place your app.js file inside public/js/app.js. Then include it in view file.
I asked this question when I start my career as a junior software engineer. Now I saw this again randomly. We had no idea how to connect back-end and the front-end. But eventually we learned we are developing a restAPI so we host back-end and front-end separately as two projects and connect them using the restAPI. Back-end and the front-end was two identical projects. =)