async await 函数 -> 请求数据时

  2. <script>
  3. // 引入统一封装 api
  4. import { getAddressList, getSearchList, getShopList } from './api';
  6. export default {
  7.   name: 'App',
  8.   async created() {
  9.     // 请求数据
  10.     const addressList = await getAddressList();
  11.     const searchList = await getSearchList();
  12.     const shopList = await getShopList();
  14.     // 把当前的数据存储到 vuex 中
  15.     this.$store.dispatch('getAddressList', addressList.data);
  16.     this.$store.dispatch('getSearchList', searchList.data);
  17.     this.$store.dispatch('getShopList', shopList.data);
  18.   },
  19. }
  20. </script>

封装数据请求方式(api.js)

  2. // 统一文件处理 axios 请求， 方便管理
  3. const axios = require('axios');
  5. // params 需要传递的数据
  6. export const getList = params => axios.get('/list', params);