ホームページ >ウェブフロントエンド >Vue.js >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 は非常に小さく、圧縮後はわずか約 12 KB、サーバーで gzip 圧縮を有効にした後はわずか 4.5 KB で、jQuery よりもはるかに小さくなります。
2. 主流のブラウザをサポート
Vue.js と同様に、vue-resource は IE 9 より前のブラウザをサポートしていませんが、他の主流のブラウザはサポートしています。
3. Promise API と URI テンプレートのサポート
Promise は ES6 の機能です。Promise の中国語の意味は「預言者」であり、Promise オブジェクトは非同期計算に使用されます。
URI テンプレートは、ASP.NET MVC ルーティング テンプレートに似た URI テンプレートを表します。
4. インターセプターのサポート
インターセプターはグローバルであり、リクエストの送信前後に何らかの処理を実行できます。
インターセプターは、リクエストを送信する前にヘッダーに access_token
を設定したり、リクエストが失敗した場合の共通の処理方法を提供したりするなど、一部のシナリオで非常に役立ちます。
#vue-resource の使用法#vue-resource の紹介
#<script src="js/vue.js"></script> <script src="js/vue-resource.js"></script>
基本構文
#vue-resource の紹介
の後に、グローバル Vue オブジェクトに基づいて http を使用することも、特定の Vue インスタンスに基づいて http を使用することもできます。// 基于全局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);
リクエストを送信した後、then メソッドを使用して応答結果を処理します。then メソッドには 2 つのパラメータがあります。最初のパラメータは応答が成功したときのコールバック関数、2 番目のパラメータはコールバック関数です応答が失敗した場合。
then メソッドのコールバック関数を記述する方法も 2 つあります。1 つ目は従来の関数記述法で、2 つ目は ES 6 のより簡潔な Lambda 記述法です: // 传统写法 this.$http.get('/someUrl', [options]).then(function(response){ // 响应成功回调 }, function(response){ // 响应错误回调 }); // Lambda写法 this.$http.get('/someUrl', [options]).then((response) => { // 响应成功回调 }, (response) => { // 响应错误回调 });
関連する無料学習の推奨事項:
javascript(ビデオ)
以上がvue.resourceとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。