Тёмный

Vuex | State management example with Axios 

Sweetdev
Подписаться 1,8 тыс.
Просмотров 59 тыс.
50% 1

Опубликовано:

 

3 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 72   
@jamesw.3032
@jamesw.3032 5 лет назад
Great to see a simple example to clearly visualize the logical flow of state management concept
@jhonysou
@jhonysou 4 года назад
simple example and clear ! the best video about vuex that I watched
@Sweetdev
@Sweetdev 4 года назад
Thank you Jhony. I am glad that you enjoy the video!
@aakashggujju
@aakashggujju 4 года назад
Very simple example thanks
@Sweetdev
@Sweetdev 4 года назад
You are welcome! 😊
@duinneacha
@duinneacha 5 лет назад
Love this, clear and well explained. Thank you.
@Sweetdev
@Sweetdev 5 лет назад
You are very welcome!
@marciaandreiasantos5332
@marciaandreiasantos5332 3 года назад
Explicação simples e Clara. Muito bom !!!👏🏽👏🏽👏🏽
@heinhtetaung6566
@heinhtetaung6566 4 года назад
Thank you, very good tutorial.
@Sweetdev
@Sweetdev 4 года назад
You are very welcome Hein! I am glad that is helpful for you. Very soon is coming new update version. stay tune
@mark_haddad
@mark_haddad 4 года назад
question sir: if something changed in the API it will be automatically changed in the web directly?
@Sweetdev
@Sweetdev 4 года назад
Hey Marc. Every time when a user hits your website, the call it's going to be made and the response will give you back the last changes. If you need this to happen in the background you can make your client site refresh this call in every X minutes. Hope this will answer your question, if not let me know and I will search for different solution for you!
@fikaridaulmaulayya4635
@fikaridaulmaulayya4635 4 года назад
thanks very much man!
@Sweetdev
@Sweetdev 4 года назад
You are very welcome Fika!
@NellyMoseki
@NellyMoseki 4 года назад
that intro song!!!! LIT
@ankitsrivastava1442
@ankitsrivastava1442 5 лет назад
[Vue warn]: Property or method "items" is not defined on the instance but referenced during render please help!
@Sweetdev
@Sweetdev 5 лет назад
Hi Ankit. Thank you for stopping by! can you show me the piece of code that you get this error ?
@saqibfarooq8309
@saqibfarooq8309 2 года назад
How to insert data trough api with file using Laravel rest full api in Vue js using vuex ?
@yondonrinchinbatsukh9497
@yondonrinchinbatsukh9497 4 года назад
i love this guy
@Sweetdev
@Sweetdev 4 года назад
Love you back 😀
@ralphdas3954
@ralphdas3954 5 лет назад
Great tutorial although a bit slow for my liking but the 1.5x speed increase came in handy :-) Small side-note, as far as I now the Axios library is not a wrapper around the Fetch API but a wrapper around the more traditional XHR API.
@Sweetdev
@Sweetdev 5 лет назад
Hope you subscribe because I need people like you! :-) Thank you so much for the feedback...and you are right about the XHR API.
@PopescuMarian
@PopescuMarian 5 лет назад
20 minutes that could have been only 5...
@ikhsanrahman9703
@ikhsanrahman9703 5 лет назад
then, how to update the data in vuex ? i mean is, we want to update a data that hits API
@alirezaalavi1504
@alirezaalavi1504 4 года назад
awesome tutorial
@yannm7800
@yannm7800 4 года назад
Thanks you ! great ! it's clear ! and simple ;-) welldone
@kimchilethi2473
@kimchilethi2473 4 года назад
thanks !!!!!! Great tutorial !!!
@elvandiano9748
@elvandiano9748 5 лет назад
so usefull, i will waiting your next video guys, thanks ..
@Sweetdev
@Sweetdev 5 лет назад
Thank you and welcome to my channel! good to have you here
@bowaller6892
@bowaller6892 5 лет назад
if you separate one part of your code as module then what you will do? I try with async/await and Promise to resolve. This not solve my problem at all. How you react to this situation?
@Sweetdev
@Sweetdev 5 лет назад
Hey Bo! Thank you to stopping by. If you found better way to be implemented we all going to appreciate your contribution.
@uSil031
@uSil031 5 лет назад
Great tutorial, although in my code, ...mapState(['something']) gives me the TypeError: Object(...) is not a function. What to do..?
@uSil031
@uSil031 5 лет назад
Solved.. the reason was the import of mapState was not in curly brackets.. lovely
@jeromediaz5333
@jeromediaz5333 5 лет назад
Thank you, it's the first tuto really simple et comprehensible. Can you tell me the name of vscode extension you use for vue? thx a lot again.
@Sweetdev
@Sweetdev 5 лет назад
@Jerome Diaz Thanks man! I'm glad that was helpful for you. You can use easily the suggest extension from vscode 'Vetur'
@avimehenwal
@avimehenwal 4 года назад
Neat ... learnt why API call not working :D Thanks for that. Accessing store properties directly in components has a tricky boilerplate code. Got it all wrong the first time
@xhostcom9284
@xhostcom9284 4 года назад
What about getting input from a form an putting that as the search term, ie variable in to the get request, event or whatever? Thanks
@rupammondal7385
@rupammondal7385 3 года назад
Simple and easy to understand. Very good and helpful tutorial.
@centryplan5413
@centryplan5413 5 лет назад
Your video is very informative and helpful thanks for your kindness
@Sweetdev
@Sweetdev 5 лет назад
Thank you Centry Plan. I'm glad that was helpful for you!
@aleksandrstaetskiy5687
@aleksandrstaetskiy5687 4 года назад
Very good
@Sweetdev
@Sweetdev 4 года назад
Thank you Aleksandar!
@yo1414
@yo1414 5 лет назад
Very nice explanation! Thank you for your time!
@Sweetdev
@Sweetdev 5 лет назад
You are very welcome Steve!
@xhostcom9284
@xhostcom9284 4 года назад
I get this vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in mounted hook: "TypeError: this.$store.despatch is not a function"
@TheMessixaviniesta
@TheMessixaviniesta 4 года назад
it's not "despatch", it's "dispatch"
@PHONGPHAM-qu7vw
@PHONGPHAM-qu7vw 4 года назад
tks u!!! it's save my day
@Sweetdev
@Sweetdev 4 года назад
Hey PHONG! I'm glad that it was helpful for you 🤝
@xhostcom9284
@xhostcom9284 4 года назад
On mine this.$store.despatch('loadAlbums') is error, despatch is not a function?
@mastermind5421
@mastermind5421 4 года назад
Its dispatch
@andriizahr448
@andriizahr448 4 года назад
watch on 1.25 speed at least
@josephk3809
@josephk3809 5 лет назад
Thanks a lot, very useful video! Actions before mutation, for async operations and axios😏. And getters... ?
@xhostcom9284
@xhostcom9284 4 года назад
Get this in mounted hook: "TypeError: this.$store.despatch is not a function" is there another way?
@TioIrawan
@TioIrawan 4 года назад
dispatch not despatch
@xhostcom9284
@xhostcom9284 4 года назад
@@TioIrawan OK Thanks
@nileshmaharjan9534
@nileshmaharjan9534 4 года назад
A git repository would've been awesome!
@Sweetdev
@Sweetdev 4 года назад
You're right Nilesh. A new update version of the video is coming soon son I will try to include the git repo in this version :-). Thank you for the suggest!
@BenHayat
@BenHayat 4 года назад
@@Sweetdev Did an updated version come out? Link please.
@Sweetdev
@Sweetdev 4 года назад
@@BenHayat ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-hsmffuEzasM.html
@BenHayat
@BenHayat 4 года назад
@@Sweetdev Thanks.
@badid0y
@badid0y 5 лет назад
Nice tutorial! Btw what OS are you using?
@Sweetdev
@Sweetdev 5 лет назад
It's Ubuntu with Pop OS icons if I'm not wrong
@badid0y
@badid0y 5 лет назад
@@Sweetdev Thanks Bro
@abderrazzakmeskine3627
@abderrazzakmeskine3627 5 лет назад
danke
@Sweetdev
@Sweetdev 5 лет назад
Bitte Meskine!
@devKazuto
@devKazuto 5 лет назад
commit("SET_POSTS", posts); does not work for me: ESLint: 'commit' is not defined. (no-undef)
@Sweetdev
@Sweetdev 5 лет назад
Hi Kazu. Can you provide us with little bit more info? Can we see how your store.js it's look like?
@MCFreddie777
@MCFreddie777 5 лет назад
@@Sweetdev i suppose you didnt put commit in curly brackets as well... ({commit}).
@bowaller6892
@bowaller6892 5 лет назад
Great video!!!
@lithinjoseph824
@lithinjoseph824 5 лет назад
thanks for the video (y)
@Sweetdev
@Sweetdev 5 лет назад
You are very welcome! Hope that you find the upcoming videos helpful as well.
@ManjitNotay
@ManjitNotay 5 лет назад
thanks v . useful
Далее
Vuex Crash Course | State Management
1:01:19
Просмотров 399 тыс.
Vuex 4 Crash Course - 2021
1:14:57
Просмотров 35 тыс.
ЭТО НАСТОЯЩАЯ МАГИЯ😬😬😬
00:19
Airpod Through Glass Trick! 😱 #shorts
00:19
Просмотров 2,3 млн
Vuex modules | fetching data with axios
18:33
Просмотров 10 тыс.
Mastering Vue.js and Vuex
46:01
Просмотров 85 тыс.
Learn Vuex by Example - Handling Vue State Management
34:38
STATE & STORE | VueJS & Vuex | Learning the Basics
15:27
I Remade YouTube From Scratch Using Just Bash
17:51
Просмотров 13 тыс.
Learn Vuex in 30 MINUTES! (Vue JS 3)
32:12
Просмотров 125 тыс.
Creating a Better Vuex Experience | Tips by Example
15:00
The Value of Source Code
17:46
Просмотров 49 тыс.