03-Vueのデータ要求

1.ビューリソース

•  VUE-リソースJSONPリクエスト

  < ボディ> 
      < DIV ID =「アプリケーション」> 
          <！ -  
              V-フォームフィールドモデルリスナー、フォームフィールドの値は、その属性値を通過した
              後、データを渡す属性値データ（およびその属性値必見の存在するデータオブジェクト）
              データが送信されたデータのフォームフィールドで呼び出すことができる他の場所
              .lazy更新フォーカスを失った
          - > 
          < INPUTのタイプ=「テキスト」V-model.lazy =「グッド」@ keyup.enter =を"JSONP" > 
          < ボタン@click = "JSONP" > HTTPリクエスト</ ボタン> 
          < P V-用= "結果でRES" >{{RES [0]}} </ P >
      </ 本部> 
  
      < スクリプトSRC = "./ベース/ vue.js" > </ スクリプト> 
      < スクリプトSRC =「https://cdn.bootcss.com/vue-resource/1.3.4/vue-resource.min .js " > </ スクリプト> 
      < スクリプト> 
          // リクエストインターフェース
          // http://suggest.taobao.com/sug?code=utf-8&q=コールバック= CBの製品カテゴリー＆
          VAR VM =  新しい新しいヴュー（{ 
              EL ：" #app " 、
              データ：{ 
                  グッド："" 、
                  結果：[] [] 
              }、
              方法：{ 
                  JSONP（）{ 
                      // JSONP（ '要求アドレス'、{設定}）
                      このhttp.jsonp（$。' http://suggest.taobao.com/sug ' 、{
                           // パラメータは実行
                          のparamsを：{ 
                              コード：" UTF-8。" 、
                              Q：この.good 
                          } 
                      。}）を（RES => {
                           // データはres.data返さ
                          この.Result = res.data.resultを
                      }）
                  } 
              } 
          }）
  
      </ スクリプト> 
  </ ボディ>