Приветствую.
Смотрю вот
этот официальный пример корзины с использованием vuex, и не пойму зачем setTimeout они используют?
Вот код:
shop.js
const _products = [
{"id": 1, "title": "iPad 4 Mini", "price": 500.01, "inventory": 2},
{"id": 2, "title": "H&M T-Shirt White", "price": 10.99, "inventory": 10},
{"id": 3, "title": "Charli XCX - Sucker CD", "price": 19.99, "inventory": 5}
]
export default {
getProducts (cb) {
setTimeout(() => cb(_products), 100) // <--------- Вот этот
}
}
product.js
import shop from '../../api/shop'
// initial state
const state = () => ({
all: []
})
// getters
const getters = {}
// actions
const actions = {
getAllProducts ({ commit }) {
shop.getProducts(products => {
commit('setProducts', products)
})
}
}
Вот в компоненте ProductList.vue запускается действие:
export default {
// ...
created () {
this.$store.dispatch('products/getAllProducts')
}
}