ホームページ  >  記事  >  ウェブフロントエンド  >  axios は vue にありますか?

axios は vue にありますか?

青灯夜游
青灯夜游オリジナル
2021-12-22 17:21:212859ブラウズ

axios は vue にありません。 Axios は、http リクエストを送信するための Promise ベースのツール ライブラリです。Vue のサードパーティ プラグインではありません。使用する場合、「Vue.use()」を通じてプラグインをインストールすることはできず、バインドする必要があります。プロトタイプについて。

axios は vue にありますか?

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

axios は vue にありません。

axios はライブラリであり、vue のサードパーティ プラグインではありません。これを使用する場合、Vue.use() を介してプラグインをインストールすることはできず、プロトタイプにバインドする必要があります。

axios は、ブラウザと node.js で実行できる Promise ベースの http ライブラリですが、作者の You Yuxi も公式ライブラリ vue-resource のメンテナンスを断念し、axios ライブラリを直接推奨しました。

axios の役割: axios は主にバックグラウンドへのリクエストを開始するために使用され、リクエスト内でより制御可能な機能も備えています。

機能

  • サポート プロミス API

  • リクエストとレスポンスのインターセプト。リクエストをインターセプトするにはリクエスト パラメータをフィルタリングし、レスポンスをインターセプトするにはレスポンス例外を処理します。

  • リクエストをキャンセルします。リクエストは手動でキャンセルできます

vue で axios を使用します

1. axios モジュールをインストールします

$cnpm install --save axios  #安装

2. main.js で axios を参照し、プロトタイプ チェーンにリンクします。プラグインを使用する場合、通常、プラグインはエントリ ファイル main.js に導入されます。これは、main.js がプロジェクトによって実行される最初のファイルであるためです。

import Vue from 'vue'
import axios from ‘axios’
Vue.prototype.$http = axios

使用法:

axios は vue にありますか?

3. vue-axios は axios を Vue.js に統合する小さなラッパーで、プラグインのようにインストールできます。

$cnpm install --save axios vue-axios  #安装

main.js で axios および vue-axios を参照し、グローバル メソッド Vue.use() を介してプラグインを使用することは、インストール メソッドを呼び出すことと同じです:

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)

Usage:

axios は vue にありますか?

$cnpm install --save axios vue-axios

axios と vue-axios をインストールすると、Vue プロジェクトの下の node_modules/_vue-axios/src/index.js に vue-axios のソース コードが表示されます。 。 Vue のプラグイン記述方法を使用することは、Vue の全体的な生態環境により適合します。プロトタイプチェーンを直接書くのは少し乱暴な気がするので、よほど低レベルの実装でない限り、この方法で書くことはお勧めできません。

[関連する推奨事項:「vue.js チュートリアル 」]

以上がaxios は vue にありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。