05.vue-リソースの基本的な使い方

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 

< 頭> 
    < メタ文字コード= "UTF-8" > 
    < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > 
    < メタHTTP -equiv = "X-UA-互換性のある" コンテンツ= "IE =エッジ" > 
    < タイトル>ドキュメント</ タイトル> 
    < スクリプトSRC = "./ libに/ vue.js" > <
    注意：VUE-リソースVUEに依存して、ので参照に注意を払うために- > 
    <！ - 。この$のHTTP - > 
    < スクリプトSRC =「https://cdn.staticfile.org/vue-resource/1.5 0.1 / VUE-resource.min.js " > </ スクリプト> 

</ ヘッド> 

< 身体> 
    < DIV ID ="アプリケーション" > 
        < INPUTのタイプ="ボタン" 値=" GET " @click =" GETINFO " > 
        < INPUT タイプ=「ボタン」値=「POST」@click = "postInfo」 > 
        < 入力タイプ= "ボタン" 値= "JSONP" @click = "jsonpInfo" > 
    </ DIV > 
</ ボディ> 
< スクリプト> 
    新しい新しいヴュー（{ 
        EL：' #app ' 、
        データ：{ 

        }、
        メソッド：{ 
            GETINFO（）{ 
                // によって成功したコールバックも.then 
                これ。http.get $（「https://cn.vuejs.org 」）.then（関数（結果）{
                     // サーバーによってはresult.bodyを取得するために、成功を返しますデータ
                    // にconsole.log（result.body）。
                }）
            }、
            Postinfo（）{ //はPOSTリクエスト開始
                // 手動で開始POST要求を、デフォルトのフォーマットは形成されないので、サーバは、いくつかの処理できない
                // 第3のパラメータPOSTメソッドを提出の一般的なタイプのために設けられています。フォームデータ形式
                このhttp.post $（' http://vue-studyit.io/api/post ' 、{}、{ 
                    emulateJSON：真へ
                }）を（関数（結果）{
                     // はconsole.log（結果.body）
                }）
            }、
            jsonpInfo（）{ //はJSONP要求を開始し
                、この。http.jsonp $（' http://vue-studyit.io/api/jsonp '）.then（結果=> { 
                    にconsole.log（result.body）
                }）
            } 
        } 
    }）
</ スクリプト> 

</ HTML >
05.vue-リソースの基本的な使い方

おすすめ
