zoukankan      html  css  js  c++  java
  • axios发送get请求示例

     1 <template>
     2   <div id="app">
     3     <!--<img src="./assets/logo.png">-->
     4     <router-view></router-view>
     5     <button @click="send">发送ajax请求</button>
     6   </div>
     7 
     8 </template>
     9 
    10 <script>
    11   import axios from 'axios'
    12   export default {
    13     name: 'app',
    14     data() {
    15       return {
    16         msg: 'Welcome to Your Vue.js App'
    17       }
    18     },
    19     methods:{
    20       send(){axios.get('https://api.github.com/users/Tiny3300')
    21         .then(resp =>{
    22           console.log(resp.data);
    23         }).catch(err =>{
    24           console.log(err);
    25         });}
    26     }
    27   }
    28 </script>
    29 
    30 <style>
    31   #app {
    32     font-family: 'Avenir', Helvetica, Arial, sans-serif;
    33     -webkit-font-smoothing: antialiased;
    34     -moz-osx-font-smoothing: grayscale;
    35     text-align: center;
    36     color: #2c3e50;
    37     margin-top: 60px;
    38   }
    39 </style>
    View Code

    <template>
    <div id="app">
    <!--<img src="./assets/logo.png">-->
    <router-view></router-view>
    <button @click="send">发送ajax请求</button>
    </div>

    </template>

    <script>
    import axios from 'axios'
    export default {
    name: 'app',
    data() {
    return {
    msg: 'Welcome to Your Vue.js App'
    }
    },
    methods:{
    send(){axios.get('https://api.github.com/users/Tiny3300')
    .then(resp =>{
    console.log(resp.data);
    }).catch(err =>{
    console.log(err);
    });}
    }
    }
    </script>

    <style>
    #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: 60px;
    }
    </style>
  • 相关阅读:
    NOIp2018集训test-9-4
    「THUSC 2016」成绩单 & 方块消除 (区间dp)
    NOIp2018集训test-9-2(pm)
    NOIp2018集训test-9-2(am)
    NOIp2018集训test-9-1(pm)
    NOIp2018集训test-9-1(am)
    暑假集训test-8-31(pm)
    暑假集训test-8-31(am)
    暑假集训test-8-30
    day22 笔记
  • 原文地址:https://www.cnblogs.com/mx2036/p/7478772.html
Copyright © 2011-2022 走看看