和服务端进行交互

    • UI 组件交互操作；
    • 调用统一管理的 api service 请求函数；
    • 使用封装的 request.js 发送请求；
    • 获取服务端返回；
    • 更新 data；
      从上面的流程可以看出，为了方便管理维护，统一的请求处理都放在 @/src/api 文件夹中，并且一般按照 model 纬度进行拆分文件，如：
    1. // api/article.js
    2. import request from '../utils/request';
    3.   return request({
    5.     method: 'get',
    6.     params: query
    7.   })
    8. }
    11. // views/example/list
    12. import { fetchList } from '@/api/article'
    13. export default {
    14.     list: null,
    16.   },
    17.   methods: {
    18.     fetchData() {
    19.       this.listLoading = true
    20.       fetchList().then(response => {
    21.         this.list = response.data.items
    22.         this.listLoading = false
    23.       })
    24.     }
    25. }