Добрый день.
У меня имеется такая конструкция в store/index.js
import axios from 'axios';
export const state = () => ({
catalog: []
})
export const mutations = {
SET_CATALOG_TO_STATE: (state,catalog) => {
state.catalog = catalog;
}
}
export const actions = {
GET_BASKET_FROM_API({commit}) {
return this.$axios.$get('./json/catalog.json', {
method: "GET"
})
.then((catalog) => {
console.log('xyu')
console.log(catalog)
commit('SET_CATALOG_TO_STATE', catalog.data);
return catalog;
})
.catch((error) => {
console.log(error)
return error;
})
}
}
export const getters = {
CATALOG(state) {
return state.catalog
}
}
И я хочу получить геттер в компоненте:
import { mapGetters,mapActions} from 'vuex';
export default {
data() {
return {
catalog: [],
}
},
computed: {
...mapGetters([
'CATALOG'
]),
startStore: function() {
return this.$store.state.catalog
}
}
}
Подскажите пожалуйста почему у меня не срабатывает action ? Ничего не консолится даже