vue利用axios来完成数据的交互

<script src="/UploadFiles/2021-04-02/axios.min.js">

三、安装步骤
这里我使用npm的方法步骤：
①首先在npm中输入npm install axios
②在main.js加上配置


import axios from ‘axios' 
Vue.prototype.$http = axios



四、请求实例
点击获取数据可以取到想要的数据


<template>
 <div class="tabbar">
  <p>首页</p>
  <button v-on:click = 'goback'>获取数据</button>
  <div class="new_wrap" v-for="items in item">
   <div class="newcard">
    <div>
      <p>{{items.issuer_nickname}}.</p>
    </div>
    <div>
      {{items.title}}
    </div>
    <div class="pic">
      <img :src="/UploadFiles/2021-04-02/items.cover">

效果图：

参考网址：https://github.com/axios/axios
总结
以上所述是小编给大家介绍的vue利用axios来完成数据的交互，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！