vue.resource 란 무엇입니까?

vue-resource는 [Vue.js]의 플러그인으로 XMLHttpRequest 또는 JSONP를 통해 응답을 처리할 수 있습니다. 즉, [$.ajax]가 수행할 수 있는 작업은 [vue-resource] 플러그인입니다. 똑같이 할 수 있습니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, Vue 버전 2.9.6, thinkpad t480 컴퓨터.

vue-resource 기능

vue-resource 플러그인에는 다음과 같은 기능이 있습니다.

1. 작은 크기

vue-resource는 매우 작으며 압축 후 약 12KB, gzip 압축 활성화 후 4.5KB에 불과합니다. 서버에서는 jQuery보다 훨씬 작습니다.

2. 주류 브라우저 지원

Vue-resource가 IE 9 이하의 브라우저를 지원하지 않는다는 점을 제외하면 Vue.js와 동일하며 다른 주류 브라우저에서는 지원됩니다.

3. Promise API 및 URI 템플릿 지원

Promise는 ES6의 기능입니다. Promise의 중국어 의미는 "선지자"이며 Promise 개체는 비동기 계산에 사용됩니다.

URI 템플릿은 ASP.NET MVC 라우팅 템플릿과 다소 유사한 URI 템플릿을 나타냅니다.

4. 인터셉터 지원

인터셉터는 전역적이며 요청을 보내기 전후에 일부 처리를 수행할 수 있습니다.

인터셉터는 요청을 보내기 전에 헤더에 access_token을 설정하거나 요청이 실패할 때 일반적인 처리 방법을 제공하는 등 일부 시나리오에서 매우 유용할 수 있습니다. access_token，或者在请求失败时，提供共通的处理方式。

vue-resource使用

引入vue-resource#

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

基本语法#

引入vue-resource

vue-resource는

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);

기본 구문# vue-resource를 도입한 후 전역 Vue 개체 또는 특정 Vue 인스턴스는 http를 사용합니다.

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

요청을 보낸 후 then 메소드를 사용하여 응답 결과를 처리합니다. then 메소드에는 두 개의 매개변수가 있습니다. 첫 번째 매개변수는 응답이 성공할 때의 콜백 함수이고, 두 번째 매개변수는 응답이 실패할 때의 콜백 함수입니다. . 🎜🎜then 메소드의 콜백 함수를 작성하는 방법도 두 가지가 있습니다. 첫 번째는 전통적인 함수 작성이고, 두 번째는 ES ​​6의 보다 간결한 Lambda 작성 방법입니다. 🎜rrreee🎜🎜관련 무료 학습 권장 사항: 🎜javascript 🎜(동영상) 🎜🎜

위 내용은 vue.resource 란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!