vue.js における Axios の概念と使用法

この記事の内容は、vue.js での Axios の概念と使用法を共有することです。必要な友人は参考にしてください。 1. Axios とは

https: / /www.kancloud.cn/yunye/axios/234845

これは中国語の公式ドキュメントです。ご覧ください

Axios は、ブラウザーと Node.js で使用できる Promise ベースの HTTP ライブラリです。

ajax と同様に、どちらもバックグラウンドと対話するために使用されますが、この 2 つには違いがあります

以下は Zhihu に関する一節です: axios は、promise を通じて ajax テクノロジーを実装します。 jQuery が Ajax カプセル化を実装するのと同じように、カプセル化の方法を説明します。

簡単に言うと:

Ajax テクノロジーは Web ページの部分的なデータ更新を実現し、axios は ajax のカプセル化を実現します。

Axios は ajax です Ajax は axios だけではありません、

この一節は 2 つの関係をよく説明しています

juuery Ajax は主に mvc プログラミング用であり、現在のリズムについていくことができなくなりつつあり、juuery Too ajax のためだけに jquery を導入することは利点を少し上回っていますが、フレームワークの増加に伴い、jquery の道はますます狭くなってきています

http リクエストを作成します。

E Promise API

クライアントをサポートします

CSRF

がいくつかの同時実行リクエストを提供するのを妨げるインターフェースをサポートします(重要、多くの操作を容易にします) AJAXと比較して、AxiosはよりXiaoqiaoです

ここまで言って、両者の違いは皆さんも理解しているはずなので、具体的な使い方をご紹介します

axios({
    method: 'post',
    url: '/user/12345',
    data: {
        firstName: 'Fred',
        lastName: 'Flintstone'
    }
})
.then(function (response) {
    console.log(response);
})
.catch(function (error) {
    console.log(error);
});

ブラウザのサポート

同事支持多个请求

function getUserAccount() {
  return axios.get('/user/12345');
}

function getUserPermissions() {
  return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {    
  // 两个请求现在都执行完成
  }));

如何安装呢

使用 npm ：

        $ npm install axios

使用 bower:

        $ bower install axios

使用 cdn:

        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

以上がvue.js における Axios の概念と使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。