Jedi Cat Vue.js

# Store

Para usar o sistema de modulos da store que eu uso é da seguinte forma:

<template>
  <div>
    {{ nomeGetters }}
  </div>
</template>

<script>
// Modo mapeado (Map Helpers)
import { mapState, mapActions, mapGetters } from 'vuex'

export default {
  name: 'NomeComponente',
  data () {
    return {
    }
  },
  computed: {
    ...mapState('NomeComponenteDeclaradoState', ['nomeStates']),
    ...mapGetters('NomeComponenteDeclaradoState', ['nomeGetters'])

    // Tambem pode ser como objeto
    ...mapGetters('NomeComponenteDeclaradoState', {
        algumaCoisa: nomeGetters,
        outraCoisa: nomeGetters
    })
  },
  methods: {
    ...mapActions('NomeComponenteDeclaradoState', ['nomeActions'])
  }
};
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

Dificilmente vamos usar states, pelo menos eu custumo usar os getters.

As actions servem para atualizar o state que ele refencia.

← I18N →