vue数据请求方式

数据请求 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就是你想要的值

})

 }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,979评论 1 4
  • vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 3,281评论 1 22
  • 响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
    懒猫_6500阅读 806评论 0 0
  • _________________________________________________________...
    fastwe阅读 1,406评论 0 0
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,117评论 0 2