美文网首页
vue学习笔记02-网络请求库请求数据

vue学习笔记02-网络请求库请求数据

作者: 此生唯一自传 | 来源:发表于2019-09-25 18:25 被阅读0次

一、vue-resource

vue官方原生库

1.安装

$ npm install vue-resource --save   // --save是将库写入到package.json中,以防止别人打开你的项目时候报错

2.引入

import VueResource from 'vue-resource'

Vue.use(VueResource);

3.使用

export default {

  data(){

  },

  methods:{

        getData(){

                  const api='xxx';

                  this.$http.get(api).then((res)=>{

                          console.log(res);

                  },(err)=>{

                          console.log(err);

                  })

       }

  }

}

二、axios

1.安装

$ npm install axios --save

2.引用

import Axios from 'axios';

3.使用

export default {

  data(){

  },

  methods:{

        getData(){

                  const api='xxx';

                  Axios.get(api).then((res)=>{

                          console.log(res);

                  }).catch((err)=>{

                          console.log(err);

                  })

       }

  }

}

相关文章

网友评论

      本文标题:vue学习笔记02-网络请求库请求数据

      本文链接:https://www.haomeiwen.com/subject/wmdwuctx.html