Laravel to vuejs (Full Stack Vue.js & Laravel ~ vuejs with Laravel)

Опубликовано: 23 Декабрь 2019
на канале: Zak H.

6,443

111

Resources:
~~~~~~~~~~~
Vue Service Container (npm): https://www.npmjs.com/package/vuejs-s...
Vuejs Service container (github): https://github.com/zhorton34/vue-serv...
Final Laravel & vuejs project from this video:
https://github.com/zhorton34/vue-serv...

-- Documentation --
Laravel: https://laravel.com/
Laravel Blade: https://laravel.com/docs/6.x/blade
Vue Api: https://vuejs.org/v2/api/
Vuex: https://vuex.vuejs.org/
Vue Router: https://router.vuejs.org/

~~~
Overview
~~~~~~~~
In this full stack vuejs to laravel tutorial, we cover a wide array of topics ~ all of which circle around the use of the vuejs service container package (https://github.com/zhorton34/vue-serv....

~~~~~~~~
Order of topics we'll cover:
~~~~~~~~~~~~~~~~~~~~~~~~~~
1: Installing the vue service container
2: Creating the vuejs service container
3: Injecting Php data into vue service container, utilizing laravel blade
4: Accessing the php content from within vuejs service container
5: Creating vuejs service providers (boot, register, afterLaunch, & when hooks - context object)
6. Creating a global Vue component within the welcome-page.js ServiceProvider
6: Laravel blade templates & vuejs templates within a single template
7. Configuring webpack aliases using webpack.mix.js
8: Implementing vuex store within service provider
9: Committing php data to vuex store BEFORE we mount our Vue instance to the DOM
10: Global Event Bus Service Provider
11: Filters vuejs Service Provider
12: Directives vuejs Service Provider
13: Implementing vue-router using a vuejs Service Provider
14: afterLaunch, hook into vue-router example
15: Code splitting (definition)
16: Code splitting (purpose)
17: Full Stack Laravel and vuejs code splitting implementation
18: Closing Thoughts
~~~
Full laravel with vue js integration.
~~~
Clean Code Studio ~ Simplify!
https://cleancode.studio
Clean Code Clean Life

#fullstack #vuejs #laravel