resource处理动态数据交互

vue在进行动态数据交互时需要借助vue-resource模块中的$http。所以需要引用vue-resource.js和vue.js

语法：

        get 请求：
            语法： this.$http.get('url',{参数列表}).then(function(res){
                处理请求成功的情况
                res    是请求回来的数据，（。。。）
            }, function(res){
                处理请求失败的情况
            });

        post 请求：
            语法： this.$http.post('url',{参数列表}，{emulateJSON：true}).then(function（res）{
                请求成功
            }. function(res){
                请求失败
            })

        jsonp 请求
            语法：this.$http.jsonp('url',{参数列表}，{emulateJSON：true}).then(function（res）{
                处理请求成功
            }，function（res）{
                处理请求失败
            })

get请求一个纯文本文件时：

    this.$http.get(X.txt).then(
        function(res){
            console.log（res.data）
            //请求成功的情况 res.data:需要的数据 res.status:状态码
        },
        function(res){
            //请求失败的情况 如果只传入一个function时，即只处理请求成功的情况
            console.log（res.tatus）
        }
        )

有参的get请求：

    this.$http.get('接口',{ params:{ user:zhangsan,psd:123 }  }).then(
        function(res){//处理请求成功的回调函数},
        function(res){//处理请求失败的回调函数},
    )

post请求：

    this.$http.post('接口',{ user:zhangsan,psd:123 },{ emulateJSON: true }).then(
    // 服务器不接收application/json的数据
        function(res){//处理请求成功的回调函数},
        function(res){//处理请求失败的回调函数},
    )

跨域请求jsonp :

this.$http.jsonp('域名',{ params:{ wd=11 } }).then(
        function(res){//处理请求成功的回调函数},
        function(res){//处理请求失败的回调函数},
)