アヤックスを使ってVueの要求

一般的に2つのAJAXライブラリで使用Vueのアイテム

(一)vue-resource

VUEプラグ豊富な非公式のライブラリ、vue1.x使用

使用してVueのリソース

オンラインドキュメントhttps://github.com/pagekit/vue-resource/blob/develop/docs/http.md

ダウンロード

NPM VUE-リソースをインストール--save

コーディング

//導入モジュール、注意が導入され、main.jsのエントリファイルで宣言されなければなりません

「VUE-リソース」からインポートVueResource

// use文

Vue.use(VueResource)  $のhttp:// VMオブジェクトとインテリアは、コンポーネントオブジェクト属性を追加します

// AJAXコンポーネントオブジェクトVUEを介して要求を送信します

この。$ http.get( 'URL')。その後、(

応答=> { // successcallback

console.log(response.data)結果データを返します//

}、

応答=> { // errorcallback

console.log(response.statusText)//エラー
})

 

 

 

(二)axios

Ajaxリクエストユニバーサルライブラリ、公式の推薦、広範な使用vue2.x

axiosの使用

オンラインドキュメントhttps://github.com/pagekit/vue-resource/blob/develop/docs/http.md

ダウンロード

NPM axios --saveをインストール

コーディング

//導入モジュール

インポート「Axios」からAxios
//送信要求アヤックス

axios.get(URL).then(

応答=> { // successcallback

console.log(response.data)は、得られた結果のデータを返す//

}).catch(

エラー=> {

(Error.message中)はconsole.log //エラーメッセージ

})

おすすめ

転載: www.cnblogs.com/adongyo/p/11260943.html