13.get.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    {{msg}}
    <button @click="getUser">发送数据</button>
    <button @click="postUser">请求数据</button>
    <button @click="getData">获取百度数据</button>
</div>
<script src="vue2.0.js"></script>
<script src="vue-resource.js"></script>
<script>
var vm=new Vue({
    el:'#app',
    data:{
        msg:'',
    },
    methods:{
        postUser(){
            this.$http.post('/postUser',{name:'helloworld'}).then(function (res) {
                console.log(res);
            })
        },
        getUser(){
            this.$http.get('./getUser').then(function (res) {
               this.msg=res.body;
            })
        },
        getData(){
            this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/',{
                params:{
                    wd:'b',
                },
                jsonp:'cb'
            }).then(function (res) {
                console.log(res);
            })
        }

    }

})
</script>
</body>
</html>