Maison > interface Web > js tutoriel > Le concept et l'utilisation d'Axios dans vue.js

Le concept et l'utilisation d'Axios dans vue.js

零到壹度
Libérer: 2018-04-12 14:12:52
original
2536 Les gens l'ont consulté

Le contenu de cet article est de partager avec vous le concept et l'utilisation d'Axios dans vue.js. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer

1. . Qu'est-ce qu'Axios ? 🎜>
Axios est une bibliothèque HTTP basée sur des promesses qui peut être utilisée dans les navigateurs et node.js.

Comme ajax, il est utilisé pour interagir avec l'arrière-plan, mais il existe des différences entre les deux

Ce qui suit est de Zhihu Un paragraphe :

axios est une encapsulation de la technologie ajax via promesse, tout comme jQuery implémente l'encapsulation ajax. Pour faire simple : La technologie Ajax réalise un rafraîchissement partiel des données des pages Web, et axios réalise l'encapsulation d'ajax.

Axios est ajax Ajax est plus qu'axios,

Ce passage peut bien expliquer la relation entre les deux

juuery ajax est principalement destiné à la programmation mvc, c'est de plus en plus incapable de suivre le rythme actuel, et juuery est trop grand. Le gain de l'introduction de jquery uniquement pour ajax ne vaut pas la perte. Avec la montée en puissance de plus en plus de frameworks, la route de jquery devient de plus en plus étroite

axios possède les fonctionnalités suivantes

                                             

API de promesse de supportClient

Prise en charge empêchant CSRF

fournit certains L'interface de requêtes simultanées (important, facilite beaucoup d'opérations)

Comparé à AJAX, AXIOS est plus petit

Cela dit, tout le monde devrait comprendre la différence entre les deux, alors laissez-moi vous présenter l'utilisation spécifique

                                                                                                                                                                                                   

    

同事支持多个请求  

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) {    
  // 两个请求现在都执行完成
  }));
Copier après la connexion

如何安装呢

          使用 npm    :

        $ npm install axios
Copier après la connexion

    使用 bower:

        $ bower install axios
Copier après la connexion

使用 cdn:

        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal