vuex의 상태를 변환하는 중

vuex의 상태를 변환하는 중

저는 제 DB에 api 호출을 해서 돌연변이를 일으키려고 노력하고 있지만 별로 성공하지 못하고 있습니다.

스토어.js

import Vue from 'vue'
import Vuex from 'vuex' 
import axios from 'axios';

Vue.use(Vuex) 

export const store = new Vuex.Store({  
   state: {
      photons: [],

    },
    mutations: {
      setData(state, value) {
        console.log(value)
        state.photons = value
      }
    },
    actions: {
      async getData(context) {
        const data = await axios.get('10.10.10.1:3000/DB')
        console.log(data)
        context.commit('setData', data)
      },

    }   })

당신의main.js그 행동을 에 파견하려고 합니다.mounted후크:

import Vuex from 'vuex';
import store from './vuex/store';
const app = new Vue({
  el: '#app',
  store,

  mounted() {
    this.$store.dispatch('getData')

  }

});

언급URL : https://stackoverflow.com/questions/53523819/mutating-state-in-vuex