怎么用vue.js做异步请求

// 1.可以直接传入字符串 name=张三&age=19

// 2.可以以对象的形式传入{name:“三”,age:19}

<template>

 <div>

 </div>

</template>

<script>

export default {

  methods:{

   getData(){

   //axios-post请求传值

      this.$http({

          method:"post",

          url:"/getData2",

          headers:{

              'Content-type': 'application/x-www-form-urlencoded'

          },

          data:{

              name:'xxx'

          },

          transformRequest: [function (data) {//更改传值格式

              let ret = ''

              for (let it in data) {

                ret += encodeURIComponent(it) + '=' +

                encodeURIComponent(data[it]) + '&'

              }

              return ret.slice(0,ret.length-1)

            }],

      })

        .then(r => console.log(r))

        .catch(err => console.log(err))

    }

  }

  mounted(){//模板或el对应的html渲染完成后再调用里面的方法

 this.getData()

  }

}

</script>

<style scoped>

</style>