一般的に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 //エラーメッセージ
})