使用方式

  [html]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./node_modules/vue/dist/vue.js"></script>
    <script src="./node_modules/vue-resource/dist/vue-resource.js"></script>
    <!--路径为本地路径-->
</head>
<body>
    <div id="app"></div>
    <script>
       var vm = new Vue({    // 创建新的 vue 实例
           el = "#app",      // 获取id
           data = {},        // 数据对象
           // 发起请求
           getInfo () { // 发起 get 请求
            this.$http.get(url, {params: {JSONdata} }.then(function(result){
                 console.log(result) 
                 console.log(result.body)// 通过 result.body 拿到服务器返回内容
               })） 
             },
           postInfo () {
                  // 第一个是地址，第二个是提交数据，第三个是格式 为普通表单
                  this.$http.post('url', {}, {emulateJSON: true}).then( 
                      result=>{
                          console.log(result.body)
                      }
                  )
              },
        })
    </script>

</body>
</html>