Estoy tratando de mostrar datos con vuex desde api usando store (vuex)
así que este es mi archivo store.js :
import { createStore } from 'vuex' import countries from './module/countries' const store = createStore({ modules: { countries } }); export default store;archivo de países.js
import axios from "axios"; const state = { countries: [] }; const getters = { getCountries: () => { return state.countries; } }; const mutations = { setCountries(state, countries) { state.countries = countries; } }; const actions = { getCountries ({ commit }) { axios.get("https://localhost:44391/api/Pho/GetCountries").then(response => { commit('setCountries', response.data); }) } }; export default { namespaced: true, state, getters, mutations, actions };y este es mi componente
methods: { getCountries() { this.$store.dispatch('getCountries'); }, Cuando ejecuto la aplicación, aparece este error [vuex] unknown action type: getCountries
Está utilizando módulos con namespaced de nombres, así que intente como:
this.$store.dispatch('countries/getCountries');y llama a tu geter como:
computed: { getData() { return this.$store.getters['countries/getCountries'] } }