Vuex. what is the correct way to use getters?

Question

Vue.js

Do I need to write a similar getter, or can I just refer to this.$store.state.counter in the component?

export const store = new Vuex.Store({
    state: {
        counter: 0 as number,
    },
    getters: {
        counter: state => () => state.counter,
    },
  });

Answer 1

Getters are used when it is necessary to display modified information from the storage.