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 людям.