Vuex | State management example with Axios
HTML-код
- Опубликовано: 29 июн 2024
- How to Use Vuex in Vue Js application.
In this video we make simple setting in order to use vuex.
For bonus we are making ajax call with axios within the vuex.
Udemy course - Vue JS 2 - The Complete Guide: bit.ly/2Zb5UEs
Video on How to install Vue CLI: • Installing Node js, Ya...
Great to see a simple example to clearly visualize the logical flow of state management concept
Explicação simples e Clara. Muito bom !!!👏🏽👏🏽👏🏽
Love this, clear and well explained. Thank you.
You are very welcome!
simple example and clear ! the best video about vuex that I watched
Thank you Jhony. I am glad that you enjoy the video!
Simple and easy to understand. Very good and helpful tutorial.
Very nice explanation! Thank you for your time!
You are very welcome Steve!
Very simple example thanks
You are welcome! 😊
that intro song!!!! LIT
Your video is very informative and helpful thanks for your kindness
Thank you Centry Plan. I'm glad that was helpful for you!
Thanks you ! great ! it's clear ! and simple ;-) welldone
so usefull, i will waiting your next video guys, thanks ..
Thank you and welcome to my channel! good to have you here
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
Great video!!!
i love this guy
Love you back 😀
Thank you, very good tutorial.
You are very welcome Hein! I am glad that is helpful for you. Very soon is coming new update version. stay tune
Thanks a lot, very useful video! Actions before mutation, for async operations and axios😏. And getters... ?
thanks !!!!!! Great tutorial !!!
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.
Hope you subscribe because I need people like you! :-) Thank you so much for the feedback...and you are right about the XHR API.
thanks very much man!
You are very welcome Fika!
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
thanks v . useful
tks u!!! it's save my day
Hey PHONG! I'm glad that it was helpful for you 🤝
awesome tutorial
thanks for the video (y)
You are very welcome! Hope that you find the upcoming videos helpful as well.
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.
@Jerome Diaz Thanks man! I'm glad that was helpful for you. You can use easily the suggest extension from vscode 'Vetur'
How to insert data trough api with file using Laravel rest full api in Vue js using vuex ?
Great tutorial, although in my code, ...mapState(['something']) gives me the TypeError: Object(...) is not a function. What to do..?
Solved.. the reason was the import of mapState was not in curly brackets.. lovely
Nice tutorial! Btw what OS are you using?
It's Ubuntu with Pop OS icons if I'm not wrong
@@Sweetdev Thanks Bro
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?
Hey Bo! Thank you to stopping by. If you found better way to be implemented we all going to appreciate your contribution.
[Vue warn]: Property or method "items" is not defined on the instance but referenced during render please help!
Hi Ankit. Thank you for stopping by! can you show me the piece of code that you get this error ?
question sir: if something changed in the API it will be automatically changed in the web directly?
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!
Very good
Thank you Aleksandar!
then, how to update the data in vuex ? i mean is, we want to update a data that hits API
A git repository would've been awesome!
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!
@@Sweetdev
Did an updated version come out? Link please.
@@BenHayat ruclips.net/video/hsmffuEzasM/видео.html
@@Sweetdev
Thanks.
danke
Bitte Meskine!
On mine this.$store.despatch('loadAlbums') is error, despatch is not a function?
Its dispatch
I get this vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in mounted hook: "TypeError: this.$store.despatch is not a function"
it's not "despatch", it's "dispatch"
commit("SET_POSTS", posts); does not work for me: ESLint: 'commit' is not defined. (no-undef)
Hi Kazu. Can you provide us with little bit more info? Can we see how your store.js it's look like?
@@Sweetdev i suppose you didnt put commit in curly brackets as well... ({commit}).
Get this in mounted hook: "TypeError: this.$store.despatch is not a function" is there another way?
dispatch not despatch
@@TioIrawan OK Thanks
watch on 1.25 speed at least
20 minutes that could have been only 5...