美文网首页
vue数据请求方式

vue数据请求方式

作者: 成长储存罐 | 来源:发表于2020-03-03 18:49 被阅读0次

    数据请求 1.Axios :基于promise,可以自动将数据转换为json格式,可以拦截ajax请求,拦截响应

    http://www.axios-js.com/ 

    created:(){

         axios.get(‘http://39.99.182.33/api/pro’).then(res => {

    this.porlist = res.data.data    //data就是你想要的值

    })

     }

    安装Axios :npm install axios

    fetch请求数据

    created:(){

         fetch(‘http://39.99.182.33/api/pro’).then(res => res.json()).then(data => {

    this.porlist = data    //data就是你想要的值

    })

        //原生js自带,不用引入任何文件,基于promise而实现的,必须转为json才可以用

    }

    vue-resource数据请求:

    Vue要实现异步加载需要使用到vue-resource库。Vue.js 2.0版本推荐使用axios来完成ajax请求。

    引入

    created:(){

         this.$http.get(‘http://39.99.182.33/api/pro’).then(res => {

    this.porlist = res.data.data    //data就是你想要的值

    })

     }

    相关文章

      网友评论

          本文标题:vue数据请求方式

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