это мой vuejs
компонент, и я использую классовое приложение.
<template>
//template body here
</template>
<script>
import Vue from "vue";
import moment from "moment";
import Component from "vue-class-component";
import { State, Action, Mutation, namespace } from "vuex-class";
const homeModule = namespace("../store/modules/list"); //path is OK
export default class List extends Vue {
@State(state => state.list.apps) items; //working properly
@homeModule.Action("fetchItems") fetchItems; //not working
mounted() {
this.fetchItems();
}
}
</script>
Это мое store/modules/list.js
.
const state = {
items: []
};
const mutations = {
setItems(state, items) {
state.items = items;
}
};
const actions = {
async fetchItems({ commit }) {
const {data} = //Make a request for fetching the items
commit('setItems', items);
}
};
export default {
namespaced: true,
state,
actions,
mutations
};
Теперь я могуполучить список предметов из магазина.Но не в состоянии сопоставить действие с компонентом.Это показывает ошибку [vuex] module namespace not found in mapActions(): ../store/modules/list/
Любая помощь будет оценена.Спасибо