Примеры использования 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. Напишите первый комментарий
*Комментарий будет опубликован после проверки модератором

Похожие статьи

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