@postya

Как правилньо использовать vuex модули?

Приложеине на Vue
Хочу разделить логику vuex на файлы, то есть модули
Я как-то неправильно видимо сделал, получаю ошибку
"TypeError: Cannot read property 'state' of undefined"


Как правильно использовать vuex модули?

Вот что я сделал:
В директории store есть index.js. Он выглядит так:
import Vuex from "vuex";
import Vue from "vue";
import snippets from "./modules/snippets";

Vue.use(Vuex);

export default new Vuex.Store({
  modules: {
    snippets: snippets
  }
});


В директории store создал директорию modules, и в этой директории создал файл snippets.js, где будет хранится логика обработки для одного компонента Vue

Файл snippets.js выглядит так:

const snippets = {
  namespaced: true,
  state: {
    filteredSnippets: ["apple", "banana"]
  },
  mutations: {
    SET_FILTERED_SNIPPETS: (state, snippets) => {
      state.filteredSnippets = snippets;
    }
  },

  actions: {
    FILTER_SNIPPETS({ commit }, snippets) {
      commit("SET_FILTERED_SNIPPETS", snippets);
    }
  }
};

export default snippets;


получаю состояние массива во vuex вот так в компоненте vue:
computed: { ,
    ...mapState("snippets", ["filteredSnippets"])
  },

mounted() {
    console.log(this.filteredSnippets);
  },


Структура проекта:

5ff5ebfa2365a231509240.jpeg
  • Вопрос задан
  • 54 просмотра
Решения вопроса 1
а сам store в app добавили?

я обычно так делаю.
в app.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
import StoreData from './store'
const store = new Vuex.Store(StoreData);
const app = new Vue({
    el: '#app',
      store,
});

в store/index.js

import bookings from './bookings'
import events from './events'

export default {
    modules: {
        bookings,
        events
    }
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
PLATFORM Тюмень
от 100 000 до 150 000 ₽
от 80 000 до 120 000 ₽
ДП-Экспресс Санкт-Петербург
от 130 000 до 200 000 ₽
27 янв. 2021, в 00:37
11111 руб./за проект
26 янв. 2021, в 23:30
3000 руб./за проект
26 янв. 2021, в 23:07
1000 руб./за проект