Das Konzept und die Verwendung von Axios in vue.js

Der Inhalt dieses Artikels besteht darin, Ihnen das Konzept und die Verwendung von Axios in vue.js mitzuteilen. Er hat einen gewissen Referenzwert.

1 . Was ist Axios? 🎜>
Axios ist eine Promise-basierte HTTP-Bibliothek, die in Browsern und node.js verwendet werden kann.

Wie Ajax wird es zur Interaktion mit dem Hintergrund verwendet, es gibt jedoch Unterschiede zwischen den beiden

Das Folgende stammt aus Zhihu Ein Absatz :

axios ist eine Kapselung der Ajax-Technologie durch Versprechen, genau wie jQuery die Ajax-Kapselung implementiert. Einfach ausgedrückt: Die Ajax-Technologie realisiert die teilweise Datenaktualisierung von Webseiten und Axios realisiert die Kapselung von Ajax.

Axios ist Ajax. Ajax ist mehr als Axios.

Diese Passage kann die Beziehung zwischen den beiden gut erklären.

Juuery Ajax ist hauptsächlich für die MVC-Programmierung gedacht Immer weniger in der Lage, mit dem aktuellen Rhythmus Schritt zu halten, und Juuery ist zu groß. Der Gewinn, der durch die Einführung von JQuery allein für Ajax entsteht, ist den Verlust nicht wert. Mit dem Aufkommen von immer mehr Frameworks wird der Weg von JQuery immer enger >

axios hat die folgenden Funktionen

                                                 

Support Promise APIClient

Unterstützung zur Verhinderung von CSRF

stellt einige der Schnittstellen bereit von gleichzeitigen Anfragen (wichtig, erleichtert viele Vorgänge)

Im Vergleich zu AJAX ist AXIOS kleiner

Nachdem ich so viel gesagt habe, sollte jeder den Unterschied zwischen den beiden verstehen, also möchte ich Ihnen die spezifische Verwendung vorstellen

    

同事支持多个请求  

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>

Das obige ist der detaillierte Inhalt vonDas Konzept und die Verwendung von Axios in vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!