数据请求1

这里用和vue高度依赖的vue-resource 用node 可以 npm i vue-resource - 参考https://github.com/pagekit/vue-resource

image.png

image.png

image.png

image.png

注意以后看到方法()后面跟着.then说明这个方法使用promise封装

this.$http.get('/someUrl', [config]).then(successCallback, errorCallback);

如上
这里传的一个是成功的回调和失败的回调失败回调是可选参数

image.png

image.png

 var vm = new Vue({
            el: '#app',
            data: {},
            methods: {
                getInfo() {
                    //接口更改为网易云的接口这个接口不能用
this.$http.get('https://binaryify.github.io/NeteaseCloudMusicApi').then(function(result) {
                        console.log(result);
                    })
                }
            }
        });

post因为需要提交表单至后台但是做测试可以这么做

this.$http.post('url',{},{emulateJSON:true})

image.png

参考xmind数据请求