ホームページ >ウェブフロントエンド >Vue.js >vueリソースのインストール方法

vueリソースのインストール方法

青灯夜游
青灯夜游オリジナル
2021-10-27 17:36:423482ブラウズ

インストール方法: 1. cmd コマンド ウィンドウを開き、「cd project directory」コマンドと「npm i vue vue-resource --save-dev」コマンドを実行します; 2. エントリ ファイル「main.js」を設定します。 " を使用して import コマンドを使用して vue-resource をインポートできます。

vueリソースのインストール方法

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

vue-resource は、vue でネットワークデータをリクエストするために使用されるプラグインです。このプラグインは vue に依存しており、簡単に言うと、インターフェイスを調整するために使用されます。

インストール

cd 项目目录
npm i vue vue-resource --save-dev

エントリ ファイル main.js

import VueResource from 'vue-resource'Vue.use(VueResource)

これで使用済み直接:

get リクエスト:

this.$http.get('地址',{params: {参数}}).then(function(res) {
        console.log(res)        // 响应成功回调
    },function(res) {
        console.log(res)        // 响应错误回调
    })

post リクエスト:

this.$http.post('地址',{参数},{emulateJSON:true}).then( function(res) {
      console.log(res.data)
    })

jsonp リクエスト:

this.$http.jsonp("地址",{params:{参数}}).then( function(res){
      console.log(res.data.s)
    })

関連する推奨事項: 「 vue. js チュートリアル>>

以上がvueリソースのインストール方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。