vue 中使用axios

1.安装

通过npm方式：

    npm install axios

2.项目内的main.js中引入

    import axios from 'axios'

    Vue.prototype.$axios = axios

3.在项目中使用

<template>

 <div class="hello">

    <h2>{{msg1}}</h2>
  </div>
</template>
<script>
//默认导出到vue原型链中花括号内的模块，并命名为helloword,若没有命名默认为这个vue的文件名Helloworld,导出到vue后，当其他页面使用到本Helloworld.vue也可以使用helloworld
export default {
  name: 'helloworld',
  data () {
    return {
      msg: 1,
      msg1:2
    }
  },
  //向vue引入数据，命名为test。通过ajax跨域向后端发送请求数据，得到/h中的数据。并通过then回调到vue中
  methods:{
    test(){
      this.$axios({
        method:"post",
        url: 'http://localhost:8083/h',
        data: {
          id:2
        }//向后端传递参数
      }).then(res=>{
        //alert(res.data)
        this.msg1=res.data
      })
    }
  },
  mounted(){
    this.test()
  }
}
</script>