Vue.js, vuex. Globalny dostęp do danych

Question

Witam, chciałbym mieć globalny dostęp do danych zalogowanego użytkownika. Udało mi się to zrobić w standardowy sposób jednak myślę że jest to bez sens ponieważ w jednym miejscu potrzebne jest imię, w drugim email i w każdym komponencie trzeba dawać

computed:{
        ...mapGetters({
          user: 'user'
        })
      },

,,,
created(){
          this.$store.dispatch('getDanUser')
      }
...

a tak można by to jakoś załatwić globalnie i mieć dostęp do danych w taki sposób

{{$auth.name}}

nie wiem tylko jak to ogarnąć

Answer 1

Możesz raz wysłać request po te dane i trzymać je w store (np plugin vuex-persistent) a potem tylko sprawdzać czy masz te dane i jeżeli nie masz to request

Answer 2

Odczyt danych ze store'a możesz zrobić bezpośrednio odwołując się do state - bez owijania w gettery i mappery.

<div>{{ $store.state.user.name }}</div>

Jeśli dane usera się nie zmieniają, wystarczy pobrać je raz. Na przykład przy starcie aplikacji.