美文网首页
vue请求数据

vue请求数据

作者: GaoXiaoGao | 来源:发表于2020-09-11 10:59 被阅读0次

1.vue-resource请求数据的方法

vue-resource 官方提供的vue插件
使用时需要安装vue-resource
1.npm install vue-resource --save
--save表示写入package.json
2.找到main.js,在main.js中引入
import VueResource from 'vue-resource'
VueResouce自定义 vue-resource必须一致
3.调用Vue.use(VueResource );
4.在其他组件中直接使用
this.$http.get(地址).then(function(){})
例子:

methods:{
       
        getData(){
            var api="http://www.phonegap100.com/appapi.php?a=getPortallist&catid=20&page=1"
            this.$http.get(api).then(
                function(response){
                    console.log(response);

                },function(){

                }
            );
        }
    }

2.axios请求数据

1.安装axios
npm install axios --save
2.哪里用哪里引用
import Axios from 'axios'
3.使用Axios.get(地址).then((response) =>
{
console.log(response);
}).catch((error) =>{
console.log(error);
})

相关文章

  • Vue的使用

    使用vue请求数据,首先添加文件引用: 请求单条数据 控制器请求方法:

  • vue发起数据请求和动画

    发起数据请求 vue挂载了this.$http属性引入vue-resource1.发起get请求 发起get请求之...

  • vue的请求数据方式

    一,vue-resource请求数据 介绍:vue-resource请求数据方式是官方提供的一个插件 步骤: 1,...

  • vue 构建单页应用5

    vue-resource 请求数据 安装 cnpm install vue-resource --save => ...

  • 再次与vue接触的填坑之路

    1. vue中引入json数据 必须创建服务才可以在vue中直接使用json数据; 可参考vue请求本地数据 下面...

  • vue中的ajax请求和axios包详解

    在vue中,经常会用到数据请求,常用的有:vue-resourse、axios 首先,引入axios get请求 ...

  • post/get请求时遇到的一些问题

    vue-axios get请求,数据是放在params中,数据会拼接在url中post请求,数据是添加到请求体b...

  • vue数据请求

    1.vue.js 是库,不是框架;2.vue.js 下载过来直接在html中引入就好了,并不一定要npm inst...

  • vue数据请求

    1.axios(建议使用) 功能特性 在浏览器中发送 XMLHttpRequests 请求 在 node.js 中...

  • Vue数据请求

    1 - 前端接口调用方式 原生ajax 基于jQuery的ajax fetch axios 2 - 接口调用-fe...

网友评论

      本文标题:vue请求数据

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