Встречается на собеседованиях • сегодня

Как взаимодействовать с компонентом Vue во Vuex

Во Vuex можно взаимодействовать с компонентом через mapState, mapGetters, mapActions и mapMutations для удобного доступа к хранилищу.

Пример:

javascript
import { mapState, mapActions } from 'vuex';

export default {
  computed: {
    ...mapState(['count']), // Доступ к состоянию
    ...mapGetters(['doubleCount']) // Доступ к геттерам
  },
  methods: {
    ...mapActions(['incrementAsync']), // Диспатч экшенов
    ...mapMutations(['increment']) // Вызов мутаций
  }
};

Альтернативно:

javascript
this.$store.state.count; // Прямой доступ к состоянию
this.$store.dispatch('actionName', payload); // Вызов экшена
this.$store.commit('mutationName', payload); // Вызов мутации

Используй map-хелперы для лучшей читаемости и поддержки кода.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы