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

零到壹度
零到壹度original
2018-04-12 14:12:522533parcourir

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

如何安装呢

          使用 npm    :

        $ npm install axios

    使用 bower:

        $ bower install axios

使用 cdn:

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

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!

Déclaration:
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