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

2019-09-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);

                  })

       }

  }

}

上一篇下一篇

猜你喜欢

热点阅读