How to display data from the vuex store?

@domenico 

To display data from the Vuex store in your Vue.js components, you can use the mapState helper function provided by Vuex. Here's a step-by-step guide on how to do this:

1. Import the mapState helper function from Vuex in your Vue component file:

1

import { mapState } from 'vuex';

1. In the computed object of your Vue component, use the mapState function to map the state properties you want to display from the Vuex store:

1
2
3
4
5
6
7

export default {
  computed: {
    ...mapState({
      data: state => state.data
    })
  }
}

1. In your template, you can now access the state properties from the Vuex store using the data computed property:

1
2
3
4
5

<template>
  <div>
    <p>{{ data }}</p>
  </div>
</template>

This way, you will be able to display data from the Vuex store in your Vue.js components by mapping the state properties to computed properties using mapState.