Topics
Published on December 26, 2016 by Mindspace

VueJS 2 is an amazing Frontend Framework! This video dives into Vuex, a very useful extension, helping you with State Management.
It’s a JavaScript Frontend Framework – for more Resources on JavaScript, scroll down.

Want to dive much deeper into it? Have a look at this 16+ hour course: www.udemy.com/vuejs-2-the-complete-guide/?couponCode=YOUTUBE_VUE

Want the Source Code? Go to the following Github Repository and chose the Right Branch: github.com/mschwarzmueller/vuejs2-vuex-basics

Also consider having a look at the Official Docs: vuejs.org/
And the official Vuex docs: vuex.vuejs.org/en/intro.html

JavaScript Resources:
Book some Coaching on Savvy now and get a $10 Discount: www.savvy.is/?ref=9fee2b (Discount Code 9fee2b)
Get my full JavaScript course: www.udemy.com/javascript-bootcamp-2016/?couponCode=YOUTUBE_PROMO
Or the ES6 course for the next Level of JavaScript: www.udemy.com/es6-bootcamp-next-generation-javascript/?couponCode=YOUTUBE_PROMOS

Liked the Video? Consider subscribing to the channel and my Newsletter (no spamming!): mschwarzmueller.com/
Liked it a lot? Why don’t you follow me on Facebook (www.facebook.com/mindspacechannel/) or Twitter (@maxedapps)?

Leave a Reply

13 Comments on "MUTATIONS | VueJS 2 & Vuex | Learning the Basics"

Notify of
avatar

lee comstock
Guest
lee comstock
6 months 2 days ago

So mutations are just a fancy word for setters?

Wibotta Zu
Guest
Wibotta Zu
5 months 9 days ago

Sometimes people call getters & setters "accessors & mutators" but I've never seen anyone do half and half like this. I wonder why vuex chose that combination….

Gary Wolff
Guest
Gary Wolff
6 months 25 days ago
I'm psyched about Vue now that I've found Max's Vuejs instruction. I knew very little about Vue a few weeks ago, but today I wrote a component I'm very proud of which I need for my corporate laravel app. We use the baum package to track our accounts in a tree sturcture, essentiially have nested subaccounts to accounts. Our users were very frustrated as they wanted to see a typical folder/file listing, which you can click a little plus icon to show sub accounts in an account, and then click to constrict that node… I was able to create an… Read more »
Mindspace
Guest
Mindspace
6 months 25 days ago

Wow, thanks so much for your absolutely amazing feedback here and for sharing this very nice story about how you use Vue.js. It's really inspiring!

Simon Suh
Guest
Simon Suh
6 months 26 days ago

i love this tutorial

Mindspace
Guest
Mindspace
6 months 26 days ago

So great to hear – thanks a lot! 🙂

Grcvgc Vcbh
Guest
Grcvgc Vcbh
6 months 27 days ago

Hi max.I follow your courses on youtube as well on udemy, i have some difficulties understanding Angular2 which course would you prefer to me :JavascriptES6 or typescript

Mindspace
Guest
Mindspace
6 months 27 days ago

I'd go with TypeScript. It will assume some ES6 knowledge but it will also repeat the most important concepts.

Afterburn
Guest
Afterburn
6 months 28 days ago

Thanks a lot for these tutorials, makes the transition from Angular 1 to Vue and Vuex alot easier!

Mindspace
Guest
Mindspace
6 months 28 days ago

Really glad to hear that – thanks for your great feedback!

miodragniss
Guest
miodragniss
6 months 29 days ago

I hope you will show in this tutorial how to import data from API, instead of adding registered users manually in the store.jsAlso, I was wondering about this: is there a way to make "chunks" of data in v-for, like when using the chunk() method in Laravel?

miodragniss
Guest
miodragniss
6 months 28 days ago

Ok, thanks! I feel so stupid for not thinking of making the loop myself 😀

Mindspace
Guest
Mindspace
6 months 28 days ago

I don't show that here since fetching data from an API is not really connected to vuex. In the next part, you will however learn how you can incorporate async actions into Vuex.If you want to chunk your data, you will simply have to write your own little algorithm for that (=JS loop where you manually chunk it).

wpDiscuz