Примеры использования Vuex

Как обратиться к state из actions?

// yourComponent
  methods:{
    testStore: function(){
      this.$store.dispatch('loadCommonData','msg'); // Yo!
    }
  }

// store.js
  state:{
    msg: 'Yo!'
  }
  actions:{
    loadCommonData: function(context, payload){
      console.log(context.state[payload]);
    },
  }

Как вызвать action из компонента/приложения?

// yourComponent
  methods:{
    testStore: function(){
      this.$store.dispatch('loadCommonData', {
        myprop: 'msg'
      });
      
      // Тот же результат:
      this.$store.dispatch({
        type: 'loadCommonData',
        myprop: 'msg'
      });
    }
  }

// store.js
  state:{
    msg: 'Yo!'
  }
  actions:{
    loadCommonData: function(context, payload){
      console.log(context.state[payload.myprop]);
    },
  }

Вызвать action из другого action

  actions:{
    testAction: function(){
      console.log('Это testAction');
    },
    getActionFromAction: function(context){
      context.dispatch('testAction');
    },
    // Или
    getActionFromAction_2: function({ dispatch }){
      dispatch('testAction');
    },
  }

Комментарии (0)

  1. Напишите первый комментарий
*Комментарий будет опубликован после проверки модератором

[MODx] Генератор настроек MIGX

[MODx, MIGx] Документация на русском по MIGX

[MODX] Импорт и экспорт в MiniShop2. Реализация 1

[JS] Маска для ввода телефона +7(___)___-__-__

[MODx] minishop2 tips

Как включить HTTPS (SSL) в MODX - Подробная инструкция

[MODx, miniShop2] Генерация YML для выгрузки в маркет

[MODx] Подсказки по API

[OpenCart] Вывести на главную все категории с картинками

[MODx] Сайт на обслуживании (выключить сайт)

[MODx, MIGX] Примеры использования

[PHP, JSON] Пример перевода с помощью Yandex Translate API

Универсальная форма обратной связи — feedBackForm

Расширение свойств товаров minishop2

[MODx, Gallery] Галерея. Вывести обложки альбомов и фотографии

[Opencart] Вернуть английский язык, если вы его удалили

[OpenCart] Вывести модуль напрямую через контроллер

[MODX, MIGX] Вывести getImageList только если он не пустой

[MODx, Quip] Более рабочий вариант.

[MODX, MIGX] Тип поля "Список ресурсов" (resourcelist) с ограничением по родителю (parents)

[MODX] pThumb - ресайз изображений. Примеры использования.

Красивое адаптивное меню под pdoMenu

[MODX, MiniShop2] Примеры выборки where, optionFilters, innerJoin

[MODx] Вывод tv-параметров в формате [название TV] - [значение TV]

[MODX] Вывести список всех опций MiniShop2

Все записи

Добавьте такую строчку на свой сайт за 2 минуты по инструкции
Наш сайт использует куки, нажмите «ОК» если вы не против
OK