Quasar Framework: Vue.js Cross Platform App (7/10): Vuex - Actions & Mutations
We'll use Actions & Mutations to change the data in our Vuex store, thus changing the tasks in the view. FULL COURSE:
Get Awesome Todo SOURCE CODE here!:
Get the FULL COURSE here!:
My Courses:
My VSCode Setup:
Download Fudget:
DONT CLICK THIS:
**** 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 -
2 - Vue.js Basics -
3 - Vue.js Lists and Components -
4 - Routes, Pages, Navigation, Layout & Theme: Start building the Awesome Todo app -
5 - Quasar Components - Create a List of Tasks -
6 - Vuex - State Management - Getters & Setting up -
7 - Vuex - Actions & Mutations -
8 - Modals, Forms & Validation - Add Task -
9 - Reusable Components, Update & Sync - Edit Task -
10 - Split Tasks into "Todo" and "Completed" Sections - More Getters -
MY GEAR:
- My Computer -
- My Keyboard -
- My Mouse -
- My Microphone -
- My Green Screen -
- My Portable SSD Drive -
Watch video Quasar Framework: Vue.js Cross Platform App (7/10): Vuex - Actions & Mutations online without registration, duration 21 minute 30 second in high hd quality. This video was added by user Make Apps with Danny 03 June 2019, don't forget to share it with your friends and acquaintances, it has been viewed on our site 15 thousand once and liked it 210 people.