Quasar Framework: Vue.js Cross Platform App (6/10): Vuex - State Management - Setting up & Getters
We'll add Vuex State Management. Setup a Vuex Store. Add our tasks data to the Store. Create a Getter to retrieve our data. FULL COURSE: https://dannys.link/quasar
We'll also play with the Vue Devtools Chrome Extension, reformat our tasks data structure and create a Child Component for each individual task.
👉 Get Awesome Todo SOURCE CODE here!: https://dannys.link/awesometodocode
👉 Get the FULL COURSE here!: https://dannys.link/quasar
👉 My Courses: https://dannys.link/courses
👉 My VSCode Setup: https://dannys.link/vscodesetup
👉 Download Fudget: https://www.fudget.com
👉 DONT CLICK THIS: https://dannys.link/dontclick
*** CHAPTERS ***
Split Tasks into "Todo" & "Completed" Sections - More Getters
0:00 - Module Introduction
0:45 - Create Getters for Todo and Completed Tasks
6:31 - Display Todo and Completed Tasks in Separate Lists
12:07 - Add Headings to the Task Lists
19:23 - Make the Heading Background Color Adjustable
22:00 - Conditionally Show & Hide the Task Lists
23:29 - Add a "No tasks to do today!" Banner
27:33 - Use Global Event Bus to fix the "No tasks" Banner Button
33:11 - Overview of the rest of the Course Modules
*** ALL VIDEOS IN THIS SERIES **
1 - Introduction & Getting Started - • Quasar Framework: Vue.js Cross Platfo...
2 - Vue.js Basics - • Quasar Framework: Vue.js Cross Platfo...
3 - Vue.js Lists and Components - • Quasar Framework: Vue.js Cross Platfo...
4 - Routes, Pages, Navigation, Layout & Theme: Start building the Awesome Todo app - • Quasar Framework: Vue.js Cross Platfo...
5 - Quasar Components - Create a List of Tasks - • Quasar Framework: Vue.js Cross Platfo...
6 - Vuex - State Management - Getters & Setting up - • Quasar Framework: Vue.js Cross Platfo...
7 - Vuex - Actions & Mutations - • Quasar Framework: Vue.js Cross Platfo...
8 - Modals, Forms & Validation - Add Task - • Quasar Framework: Vue.js Cross Platfo...
9 - Reusable Components, Update & Sync - Edit Task - • Quasar Framework: Vue.js Cross Platfo...
10 - Split Tasks into "Todo" and "Completed" Sections - More Getters - • Quasar Framework: Vue.js Cross Platfo...
MY GEAR:
My Computer - https://amzn.to/32RPsYX
My Keyboard - https://amzn.to/2p8FXpV
My Mouse - https://amzn.to/2JsjIlB
My Microphone - https://amzn.to/2BOzfYE
My Green Screen - https://amzn.to/31PO33X
My Portable SSD Drive - https://amzn.to/2pUwemY
Watch video Quasar Framework: Vue.js Cross Platform App (6/10): Vuex - State Management - Setting up & Getters online without registration, duration hours minute second in high quality. This video was added by user Make Apps with Danny 27 May 2019, don't forget to share it with your friends and acquaintances, it has been viewed on our site 22,493 once and liked it 270 people.