Learn Vuex in 30 MINUTES! (Vue JS 3)
In this video I’m gonna show you how to get started with Vuex (within a Vue 3 project) - in around 30 minutes!
👉 My Courses: https://dannys.link/courses
👉 Download Fudget: http://www.fudget.com
👉 My VSCode Setup: https://dannys.link/vscodesetup
👉 DONT CLICK THIS: https://dannys.link/dontclick
0:00 Introduction
0:52 Create a VueJS 3 Project
2:39 Counter App - Design
4:35 Counter App - Data & Methods
6:08 What is Vuex?
7:54 Vuex Store Sections Explained
10:51 Setup State
12:01 Setup Mutations
13:54 Setup Actions
20:01 Setup Getters
22:01 Vuex & Two-Way Binding
28:19 Child Components
We’re gonna create a simple counter app - in the usual way Vue JS way - by adding data and methods to our view component.
And then we’re gonna move all of our data and methods into a Vuex store - using State, Mutations, Actions and Getters.
You’ll also see how to use an API within Vuex - using Axios.
I’ll also explain what Vuex is and why you would use it.
Видео Learn Vuex in 30 MINUTES! (Vue JS 3) канала Make Apps with Danny
👉 My Courses: https://dannys.link/courses
👉 Download Fudget: http://www.fudget.com
👉 My VSCode Setup: https://dannys.link/vscodesetup
👉 DONT CLICK THIS: https://dannys.link/dontclick
0:00 Introduction
0:52 Create a VueJS 3 Project
2:39 Counter App - Design
4:35 Counter App - Data & Methods
6:08 What is Vuex?
7:54 Vuex Store Sections Explained
10:51 Setup State
12:01 Setup Mutations
13:54 Setup Actions
20:01 Setup Getters
22:01 Vuex & Two-Way Binding
28:19 Child Components
We’re gonna create a simple counter app - in the usual way Vue JS way - by adding data and methods to our view component.
And then we’re gonna move all of our data and methods into a Vuex store - using State, Mutations, Actions and Getters.
You’ll also see how to use an API within Vuex - using Axios.
I’ll also explain what Vuex is and why you would use it.
Видео Learn Vuex in 30 MINUTES! (Vue JS 3) канала Make Apps with Danny
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Vuex Crash Course | State Management](https://i.ytimg.com/vi/5lVQgZzLMHc/default.jpg)
![Почему вы просто обязаны использовать VUEX в своем приложении!](https://i.ytimg.com/vi/5lBf-Fm4io4/default.jpg)
![Vuex Explained Visually by Adam Jahr](https://i.ytimg.com/vi/wbp_ro-eWwQ/default.jpg)
![Vuetify: Create an App with Vue JS - in 30 MINUTES!](https://i.ytimg.com/vi/CjXgoYo86yY/default.jpg)
![Intro to Vuex](https://i.ytimg.com/vi/ymGMdobdwHE/default.jpg)
![Переход на Vue 3 с минимумом усилий, адаптация к критическим изменениям](https://i.ytimg.com/vi/c3yDiVRJ0n0/default.jpg)
![Create an Instagram Clone with Vue JS, Quasar & Firebase - in 4 HOURS! (1/6)](https://i.ytimg.com/vi/9tyFBchdb00/default.jpg)
![Nuxt JS Crash Course](https://i.ytimg.com/vi/ltzlhAxJr74/default.jpg)
![LEARN VUEX IN 15 MINUTES (VUE.JS STATE MANAGEMENT) FOR 2020 // DAD JOKE GENERATOR APP -VUEX TUTORIAL](https://i.ytimg.com/vi/oxUyIzDbZts/default.jpg)
![Create a Weather App for Android, iOS, Mac & Windows - in 30 MINUTES!](https://i.ytimg.com/vi/kWRpEcv2nu8/default.jpg)
![Vuex Basics in Vue 3 with Composition API in 6 minutes](https://i.ytimg.com/vi/t_VgDeUJ3_I/default.jpg)
![Learn Vuex in 30 minutes | Vuex tutorial | Vue.js State management tutorial](https://i.ytimg.com/vi/FIL0za5MzZA/default.jpg)
![Все о Vuex за 30 минут. Что такое Vuex. Как работает Vuex](https://i.ytimg.com/vi/c2SK1IlmYL8/default.jpg)
![Vuex: Intro Tutorial](https://i.ytimg.com/vi/_2_C9j-8CtM/default.jpg)
![Vue Authentication Full Course | Login, Logout, Forgot and Reset Password](https://i.ytimg.com/vi/uqpM7WVTKI4/default.jpg)
![Постигаем Vue js: урок 9 - Vuex / Что такое глобальное хранилище](https://i.ytimg.com/vi/ut1byVAx_6k/default.jpg)
![Quasar Framework: Vue.js Cross Platform App (1/10): Introduction & Getting Started](https://i.ytimg.com/vi/opmng7llVJ0/default.jpg)
![How to use Vuex in your Vue 3 Applications: Use Vuex in the Composition API](https://i.ytimg.com/vi/xMBhViTlwcY/default.jpg)
![Creating a Vuex Clone with Vue 3 Composition API](https://i.ytimg.com/vi/QMx4lc2fiSs/default.jpg)
![Todo List App with Laravel and Vue.js](https://i.ytimg.com/vi/UHSipe7pSac/default.jpg)