Я не могу понять, как это работает.
Я пытаюсь загрузить свойство (productos) в мои данные (), которое должно получить значение из состояния.
Мой компонент:
data () {
return {
productos: this.$store.state.mStock.productos
}
},
created() {
this.$store.dispatch('fetchProductos')
}
На данный момент я думаю, что все в порядке, когда я загружаю свой компонент, я отправляю свое действие для загрузки состояния в хранилище. Мне кажется, проблема в том, что способ заполнения состояния: ASYNC
Store:
import StockService from '@/services/StockService'
export const moduleStock = {
strict: false,
state: {
productos: []
},
mutations: {
setProductos (state, payload) {
state.productos = payload.productos
}
},
actions: {
async fetchProductos ({commit}, payload) {
const resp = await (StockService.getProductos())
var productos = resp.data
commit('setProductos', {productos: productos})
}
}
}
Когда я загружаю свой компонент,Пропорция «productos» в data () равна нулю, однако, если я вижу «state.productos» из devtools Vuex, он содержит данные!
Я запутался.