Quasar Framework: Vue.js Cross Platform App (6/10): Vuex - State Management - Setting up & Getters

Опубликовано: 27 Май 2019
на канале: Make Apps with Danny
22,493
270

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


Смотрите видео Quasar Framework: Vue.js Cross Platform App (6/10): Vuex - State Management - Setting up & Getters онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Make Apps with Danny 27 Май 2019, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 22,493 раз и оно понравилось 270 людям.