Was ist vue.resource

vue-resource ist ein Plug-in von [Vue.js]. Es kann Anfragen über XMLHttpRequest oder JSONP initiieren. Mit anderen Worten, was [$.ajax] kann, ist das Plug-in [vue-resource]. in kann das Gleiche tun.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, Thinkpad T480-Computer.

vue-resource-Funktionen

vue-resource-Plug-in verfügt über die folgenden Funktionen:

1. Geringe Größe

vue-resource ist sehr klein, nur etwa 12 KB nach der Komprimierung und nur 4,5 KB nach Aktivierung der gzip-Komprimierung auf dem Server. Dies ist viel kleiner als jQuery.

2. Unterstützt Mainstream-Browser

Wie Vue.js, außer dass vue-resource keine Browser unter IE 9 unterstützt, sondern von anderen Mainstream-Browsern unterstützt wird.

3. Promise-API und URI-Vorlagen unterstützen

Promise ist eine Funktion von ES6. Die chinesische Bedeutung von Promise ist „Prophet“, und Promise-Objekte werden für asynchrone Berechnungen verwendet.

URI-Vorlagen stellen URI-Vorlagen dar, die den ASP.NET MVC-Routing-Vorlagen etwas ähneln.

4. Support-Abfangjäger

Abfangjäger sind global und können vor und nach dem Senden der Anfrage einige Verarbeitungen durchführen.

Interceptoren können in manchen Szenarien sehr nützlich sein, z. B. beim Festlegen von access_token in Headern vor dem Senden einer Anfrage oder beim Bereitstellen einer allgemeinen Behandlungsmethode, wenn eine Anfrage fehlschlägt. access_token，或者在请求失败时，提供共通的处理方式。

vue-resource使用

引入vue-resource#

<script src="js/vue.js"></script>
<script src="js/vue-resource.js"></script>

基本语法#

引入vue-resource

vue-resource verwendet

Einführung in vue-resource#

// 基于全局Vue对象使用http
Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
Vue.http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);
// 在一个Vue实例内使用$http
this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);
this.$http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);

Grundlegende Syntax#Nach der Einführung von vue-resource können Sie http basierend auf dem globalen Vue-Objekt oder basierend auf einem verwenden Bestimmte Vue-Instanzen verwenden http.

// 传统写法
this.$http.get('/someUrl', [options]).then(function(response){
// 响应成功回调
}, function(response){
// 响应错误回调
});
// Lambda写法
this.$http.get('/someUrl', [options]).then((response) => {
// 响应成功回调
}, (response) => {
// 响应错误回调
});

Verwenden Sie nach dem Senden der Anfrage die Methode then, um das Antwortergebnis zu verarbeiten. Die Methode then verfügt über zwei Parameter. Der erste Parameter ist die Rückruffunktion, wenn die Antwort fehlschlägt . Es gibt auch zwei Möglichkeiten, die Rückruffunktion der 🎜🎜then-Methode zu schreiben. Die erste ist das traditionelle Funktionsschreiben und die zweite ist die prägnantere Lambda-Schreibmethode von ES 6: 🎜rrreee🎜🎜Verwandte kostenlose Lernempfehlungen: 🎜javascript 🎜 (Video) 🎜🎜

Das obige ist der detaillierte Inhalt vonWas ist vue.resource. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!