Рубрики
Vue project Vue store Vue основы Vue.js Vue3 логика

Структура Store

Использование Модулей в компоненте

Работа с mutation-ами и action-ами ведется в поле methods
Работа с State-ами и getter-ами ведется в поле computed
где то в компоненте

...
<script>
import {mapState, mapGetters, mapActions, mapMutations} from 'vuex'
export default{
methods:{
 ...mapMutations({
  ИмяМутации: 'ИМЯ_МОДУЛЯ/ИмяМутацииВМодуле',
 }),
 ...mapActions({
  ИмяЭктион: 'ИМЯ_МОДУЛЯ/ИмяЭктионыВМодуле',
}),
},
computed:{
  ...mapState({
  ИмяСостояния: state=>state.ИМЯ_МОДУЛЯ.ИмяСостоянияВМодуле,
}),
  ...mapGetters({
  ИмяГеттера: 'ИМЯ_МОДУЛЯ/ИмяГеттераВМодуле',
}),
}
...
}
</script>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *