Vuex store ?


So far We have been using props to pass data through parent child chain in our vuejs apps. This can be still working, we can do these data transactions and state management in a much easier way.

What is a Vuex Store

Vuex store is state management module which helps developers to manage state of the object, and allow access data from any component through out the project.

How to add Vuex to Project

We can add Vuex to any project, by enabling the feature while creating new project or using Vue CLI as follows

vue add vuex

Components

Under the store reside under the store folder, usually in index file. A Vuex store can be made of modules or it can be standalone store with following sections

  • State – where data kept
  • mutations – which change state
  • Actions – methods which use state
  • Getters – which can access state

Published by

Manoj

A developer,teacher and a blogger obsessed with Python,Dart and open source world from India

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.