iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 3
0
自我挑戰組

Vuex 學習筆記系列 第 15

[Vue.js] Vuex 學習筆記 (15) - 購物車實例 API

Mock API

在 api/shop.js 的文件中我們可以看到模擬的 API ,要注意在 buyProducts 這個函數中,因為要模擬失敗或是成功的結果,所以會用亂數來決定結果。

購買成功時則清空商品,購買失敗時則保留商品。

/**
 * Mocking client-server processing
 */
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);
  },

  buyProducts(products, cb, errorCb) {
    setTimeout(() => {
      // simulate random checkout failure.
      Math.random() > 0.5 || navigator.userAgent.indexOf("PhantomJS") > -1
        ? cb()
        : errorCb();
    }, 100);
  }
};

收錄於部落格


上一篇
[Vue.js] Vuex 學習筆記 (14) - 購物車實例 component
下一篇
[Vue.js] Vuex 學習筆記 (16) - 購物車實例 module
系列文
Vuex 學習筆記20

尚未有邦友留言

立即登入留言