Vue和Vuex的购物车

Question

我已经从https://github.com/vueschool/learn-vuex克隆了这个很棒的购物车仓库，它运作良好，但是不能处理我的用例数据。对于使用过此存储库的任何人，我如何通过从数据库或Api获取产品来扩展它？

Shop.js

    /* eslint no-undef: "off" */

通过vuex操作调用商店

    /* global define */

Answer 1

您可以使用axios拨打服务器并获得如下产品

export default new Vuex.Store({
    state: {
        products: {},
    },
    actions: {
        getProducts({commit},data) {
            axios.get(`api/product?page=`+ data.page + '&orderBy='+ data.orderBy).then((response) => {
            commit('updateProducts', response.data);
        })
    },
    mutations: {
        updateProducts (state, products) {
            state.products = products
        }
    }
});