美文网首页
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