Vue 2 & Vuex Tutorial Version 2

This is an upgrade to the original Vue & Vuex tutorial with better resolution and implementing a 16:9 aspect ratio.

This video covers the full installation of Vue and Vuex using the Vue-CLI and creating a project from scratch. This project will create a basic application that presents a problem that Vuex is uniquely qualified to fix.

We'll use Vuex store to move information between two components that need to keep sync and are separated by both state and router and use Vuex to solve that problem.

Leave any questions in the comments section and don't forget to subscribe! :)

Help me cover the costs of creating these tutorials. :)

[Rommel]

Thanks for elaborating about the context /async part. Those little one-offs provide valuable insight versus "don't worry just type this in" type of learning. Good tutorial.

[mrmagnetic]

Your are doing a great job.

1. Great Audio
2. Concise with explanations ( i hate videos that show but don't explain why )

Would like to hear more stories about your development history. I believe we all can be both entertained and informed from hearing your obstacles.

[AnnelyYooo]

Very good tutorial on Vuex! Had to watch it on 1.25x speed though

[MrSourcaustic]

Thanks for this. Good pace, details and explanations. A lot of tutorials tend to feel like cargo-culting at times. Things are done a certain way with no explanation as to *why*. Your approach of demonstrating what the problem with one specific methodology is/was, before introducing a less problematic alternative is how anything should be explained.

[MarkDacre]

Very well done. I really appreciated the additional explanation regarding context and the fact that it's built to support async operations. That was an aha! moment for me. I know you could have condensed this video to a much shorter timeframe BUT speaking for myself I thought the pacing was just right. Thanks for taking the time to share your knowledge.

[jimraynor]

I had to pause the video to subscribe and let you know that this is great stuff and that you're explaining the concepts very well.

[exception]

Big thumb up! Very good tutorial. Cant' wait for more ;)

[juanmamani]

Thanks for sharing.... exactly what I was looking for.

[iancarr]

Very good tutorial - style of presentation helps a lot: informal but informative. Thanks

[RajivPerera]

Thank you, sir! This was very helpful. One of the best tutorials for understanding Vuex. The light bulb did go off! Thx again.

[MelTurner]

Very nice explanation of the Vuex architecture and operation. Just one small thing: it is OK to bypass an Action if there is no asynchronous code, so in your example you could commit the mutation directly (instead of dispatch). i.e. this.$store.commit('toggle')

I realize you need to explain the whole 'round-robin' mechanism so this is just an aside. Thanks for the tutorial.

[ozanerturk]

Very helpful. thanks you so much. I hope you'll make more videos about vue. It's so nice to see you are noticing the terms and the logic of developing great front-end app, not just talking about vue. perfect and sorry for my english. :) keep filling us with know-how please :)

[erichughes]

this is amazing. im learning vue over the summer needed help with this. also would like to see modules as well

[erez]

Just subscribed, very wholesome and terse explaining, we're buddies now :)

[olivierkz]

Very nice tutorial, thanks I finally get it, Store is awesome !

[geneparcellano]

Great explanation, very easy to follow. Thanks!

[warlordsquerk]

FYI that "html:5" bit at around 15:00 must be in lowercase.
Also note that you don't really need to make the html doc at this point as it was already created for you, must be something new since this video came out.

[DavidHust]

I'm confused at the `import store from './store`. It's my understanding that ./something where something is your folder, and there is no folder named store. Your router is actually set up the way I'm talking about. When I name my file store.js and put it in the src folder I get an error, but when I name it index.js and put it in a store folder it doesn't throw an error. Thoughts?

[galaxiegalaxie]

Thanks, i like the way you teach, i am the beginner and i totally got it thanks and subscribed :)

[warlordsquerk]

27:53 I'm not seeing the "state" or "getters" when in Base State.
Edit: They do appear when there's something in them. The "//TODO" is not enough.

Also just wanted to say thank you very much for the video! I like being able to see how to implement it all on my computer so I know it works, not just bits and pieces of what you need like what the tute from the vue 2 website shows you. Some minor things have changed since this video was made as I've noted in my comments but nothing I couldn't figure out. Thanks again for a great video!