vue-resource请求，类似ajax

<template>
        <div>
                <div>vue-resource请求，类似ajax</div>
                <div>----------------------------</div>
        </div>
</template>
<script>
        export default{
                data(){
                        return{

                        }
                },
                mounted(){
                        //get请求   '/someUrl' 是后台地址的数据接口如：someUrl.php 等等
                        this.$http.get('/someUrl').then(response => {  //获取响应数据
                                // get body data
                                console.log(response.body);   //输出响应数据
                    }, response => {
                        //error callback
                    });

                    //post请求     '/someUrl' 是后台地址的数据接口如：someUrl.php 等等
                    // {foo: 'bar'}  给后台发送一些数据
                this.$http.post('/someUrl', {foo: 'bar'}).then(response => {  //获取响应数据
                        // get body data
                        console.log(response.body);   //输出响应数据
                }, response => {
                        //error callback  请求失败执行的回调函数
                });


            //get请求     '/someUrl' 是后台地址的数据接口如：someUrl.php 等等
            // {foo: 'bar'}  给后台发送一些数据
                this.$http.get('/someUrl', {params: {foo: 'bar'}, headers:{'X-Custom': '...'}} ).then(response => {  //获取响应数据
                        // success callback  请求成功的回调函数
            }, response => {
                //error callback  请求失败的回调函数
            });
                }
        }
</script>