vue 运用 xe-ajax

npm install xe-ajax vxe-ajax --save

经由过程 Vue.use() 来全局装置

import Vue from 'vue'
import XEAjax from 'xe-ajax'
import VXEAjax from 'vxe-ajax'

Vue.use(VXEAjax, XEAjax)

运用

<template>
  <ul>
    <li v-for="(item, index) in list" :key="index">{{ item.name }}</li>
  </ul>
</template>
<script>
export default {
  name: 'App',
  data: {
    return {
      list: []
    }
  },
  created () {
    this.$ajax.fetch('/api/user/list').then(response => {
      response.json().then(data => {
        this.list = data
      })
    })
  }
}
</script>
    原文作者:abc26296
    原文地址: https://segmentfault.com/a/1190000013503938
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞